/* ── Blog layout ──────────────────────────────────────── */
.main-content{padding:4rem 2.5rem;}
.container{max-width:1200px;margin:0 auto;}
.multi-columns{display:flex;width:100%;gap:0;align-items:flex-start;}
[class^="col-"]{padding:0 1.5rem;}
.col-90{flex:1;min-width:0;padding-left:0;}
.col-30{width:300px;flex-shrink:0;border-left:1px solid var(--border-c);}

/* ── Blog post list ───────────────────────────────────── */
.blog-post-list h1{
  font-size:1.25rem;max-width:100%;margin-bottom:0.75rem;
  letter-spacing:0.01em;line-height:1.3;font-weight:700;
}
.blog-post-list h1 a.article-title{
  color:var(--text);text-decoration:none;
  transition:color 0.2s;font-family:var(--orb);
}
.blog-post-list h1 a.article-title:hover{color:var(--cyan);}
.blog-post-list p{
  font-family:var(--exo);font-size:14px;color:var(--text2);
  line-height:1.7;padding-bottom:8px;
}
.blog-post-list p a{color:var(--cyan2);text-decoration:none;}
.blog-post-list p a:hover{color:var(--cyan);}
.blog-post-list a[href]{color:var(--cyan2);text-decoration:none;}
.blog-post-list a[href]:hover{color:var(--cyan);}
.blog-post-list hr{
  border:none;border-top:1px solid var(--border-c);
  margin:2rem 0;
}
.blog-post-list img{max-width:100%;height:auto;display:block;margin-bottom:1rem;}

/* ── Sidebar ──────────────────────────────────────────── */
.sidebar{padding-left:1.5rem;}
.single-widget{margin-bottom:2.5rem;}
.single-widget h4.title{
  font-family:var(--mono);font-size:10px;letter-spacing:0.2em;
  color:var(--text3);text-transform:uppercase;margin-bottom:1rem;
  display:flex;align-items:center;gap:0.5rem;
}
.single-widget h4.title::before{content:'//';opacity:0.5;}

/* Search form */
.example{display:flex;}
.example input[type="text"]{
  flex:1;background:rgba(0,255,200,0.03);
  border:1px solid var(--border-c);border-right:none;
  color:var(--text);font-family:var(--mono);font-size:11px;
  padding:10px 12px;outline:none;transition:border-color 0.2s;
}
.example input[type="text"]::placeholder{color:var(--text3);}
.example input[type="text"]:focus{border-color:var(--border-h);}
.example button{
  border:1px solid var(--border-c);border-left:none;
  background:rgba(0,255,200,0.05);color:var(--cyan);
  padding:10px 14px;cursor:pointer;transition:background 0.2s;
  font-family:var(--mono);font-size:12px;
}
.example button:hover{background:rgba(0,255,200,0.15);}

/* Recent posts list */
.blog-list a{
  font-family:var(--exo);font-size:13px;color:var(--text2);
  text-decoration:none;display:block;
  transition:color 0.2s;line-height:1.5;
}
.blog-list a:hover{color:var(--cyan);}

/* Article single-view nav */
.row{display:flex;justify-content:space-between;margin-top:2rem;}
.col-md-6{flex:1;}
.col-md-6 a{
  font-family:var(--mono);font-size:11px;color:var(--cyan2);
  text-decoration:none;transition:color 0.2s;
}
.col-md-6 a:hover{color:var(--cyan);}

/* Override old light-theme link colors */
.article-title{text-decoration:none;color:var(--text);}
.article-title:hover{color:var(--cyan);}

.code-wrapper{background-color:#000000 !important;}