:root{--site-color:#0d6efd}
body,.navbar,.list-title,.btn{font-family:var(--font-cn)}
.media-content{background-color:#eef0f3}
.media-content img{position:absolute;left:0;top:0;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:inherit}
.list-grid.list-grid-padding .list-item .media{aspect-ratio:4/3}
.list-grid.list-grid-padding .list-item .media:after{display:none}
.list-grid .list-item{box-shadow:none;border:1px solid #eceef1}
.custom-hover:hover img,.custom-hover:hover .media-content{opacity:1;transform:none}
.site-header .navbar{box-shadow:none;border:1px solid #eceef1}
.site-header .site-logo{display:flex;align-items:center;height:44px}
.site-header .site-logo img{object-fit:contain}
.list-title{font-size:1.0625rem;line-height:1.5}
.text-sm.text-secondary .h-2x{line-height:1.7;font-size:14px}
.post-header h1{font-size:1.75rem;line-height:1.4}
.post-content{font-size:16px;line-height:1.75}
.Pagenav{margin:1.5rem 0}
.Pagenav ul.pagination{margin:0}
.nc-light-gallery>p:last-child{font-size:13px;color:#888;line-height:1.7}
.footer-friends-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center}
@media (max-width:767px){
  .container,.container-fluid{width:auto;max-width:100%;padding-left:14px;padding-right:14px}
  .site-header{padding:1rem 0 .5rem}
  .site-header .site-logo{width:auto;max-width:120px}
  .site-header .navbar{border-radius:16px;flex-wrap:wrap}
  .navbar-collapse.collapse{display:block;flex-basis:100%;order:3;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .main-menu{white-space:nowrap}
  .list-grid.list-grid-padding .list-content{padding:.125rem .5rem}
  .list-title{font-size:1rem}
  .post-header h1{font-size:1.375rem}
  .index-banner .banner-title{font-size:1rem}
  .archive-heading .heading-inner{padding:1.5rem 1rem}
}