/* ===== Single ===== */

.single-wrap{ background:#f4f6f9; }
.single-article{
  background:#fff; border-radius:12px;
  box-shadow:0 6px 22px rgba(0,0,0,.06);
  padding:20px 22px;
}
.single-title{
  font-weight:700; color:#0a3a6b; margin:0 0 .35rem 0;
  letter-spacing:.01em;
}
.single-meta{
  display:flex; flex-wrap:wrap; gap:.6rem 1rem;
  color:#6b7b90; list-style:none; padding:0; margin:0 0 .75rem 0;
}
.single-meta i{ margin-right:.35rem; }
.single-content{ color:#243247; line-height:1.85; }
.single-content img{ max-width:100%; height:auto; }
.single-content .page-links{ margin-top:16px; }
.single-content .page-links .title{ margin-right:8px; font-weight:700; }

.single-tags{
  display:flex; align-items:center; gap:.5rem; margin-top:16px;
}
.single-tags i{ color:#0a3a6b; }
.single-tags .tag{
  background:#eef3f9; color:#0a3a6b; border-radius:999px;
  padding:.25rem .6rem; text-decoration:none; font-weight:600;
}
.single-tags .tag:hover{ background:#e1ecfb; }

/* More list */
.single-more__head{
  font-weight:700; color:#0a3a6b; margin-bottom:.5rem;
}
.single-more__list{ list-style:none; padding:0; margin:0; }
.single-more__list li{ margin:.35rem 0; }
.single-more__list a{ color:#0a3a6b; text-decoration:none; }
.single-more__list a:hover{ text-decoration:underline; }
.single-more__list .date{ color:#6b7b90; margin-left:.25rem; }

/* ===== Sidebar ===== */
.aside{ }
.aside-search{ margin-bottom:12px; }
.aside-box{
  background:#fff; border-radius:12px;
  box-shadow:0 6px 22px rgba(0,0,0,.06);
  padding:16px;
}
.aside-box + .aside-box{ margin-top:16px; }

.aside-head{
  font-weight:700; text-transform:uppercase;
  color:#0a3a6b; margin:4px 0 12px 0;
}
.aside-list{ display:flex; flex-direction:column; gap:14px; }
.aside-item{ display:grid; grid-template-columns: 110px 1fr; gap: 12px; }
.aside-item .a-thumb img{
  width:100%; height:78px; object-fit:cover; border-radius:8px; display:block;
}
.aside-item .a-title{
  font-size:.98rem; margin:0 0 .25rem 0; font-weight:700;
}
.aside-item .a-title a{ color:#0a3a6b; text-decoration:none; }
.aside-item .a-title a:hover{ text-decoration:underline; }
.aside-item .a-date{ color:#6b7b90; font-size:.88rem; display:flex; gap:.4rem; align-items:center; }

/* Tags block bên phải */
.tag-cloud .tag{
  display:inline-block; margin:0 .35rem .35rem 0;
  background:#eef3f9; color:#0a3a6b; border-radius:999px;
  padding:.25rem .6rem; text-decoration:none; font-weight:600;
}
.tag-cloud .tag:hover{ background:#e1ecfb; }

/* Responsive */
@media (max-width: 575.98px){
  .aside-item{ grid-template-columns: 88px 1fr; }
  .aside-item .a-thumb img{ height:66px; }
}