/* Dark mode archive/details refinements v16 */
html.dark-mode .topbar.unified-topbar .unified-nav,
body.dark-mode .topbar.unified-topbar .unified-nav{
  gap:4px !important;
}
@media (min-width: 1180px){
  html.dark-mode .topbar.unified-topbar .unified-nav,
  body.dark-mode .topbar.unified-topbar .unified-nav{
    flex-wrap:nowrap !important;
  }
  html.dark-mode .topbar.unified-topbar .unified-nav a,
  body.dark-mode .topbar.unified-topbar .unified-nav a{
    padding:10px 10px !important;
    font-size:.95rem !important;
  }
}

/* Archive intro */
html.dark-mode .sec-head,
body.dark-mode .sec-head{
  margin: 18px 0 16px !important;
  align-items:flex-start !important;
}
html.dark-mode .sec-head h2,
body.dark-mode .sec-head h2{
  color:#f8fbff !important;
  font-size: clamp(1.4rem,2.2vw,2rem) !important;
}
html.dark-mode .sec-head p,
body.dark-mode .sec-head p{
  color:#ccdcf2 !important;
  max-width: 760px;
  line-height:1.95 !important;
  margin: 8px 0 0 !important;
}

/* Archive filter area */
html.dark-mode .filters,
body.dark-mode .filters{
  padding:16px !important;
}
html.dark-mode .filters .in,
html.dark-mode .filters .sel,
body.dark-mode .filters .in,
body.dark-mode .filters .sel{
  background:#12253b !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:none !important;
}
html.dark-mode .filters .in i,
html.dark-mode .filters .sel i,
body.dark-mode .filters .in i,
body.dark-mode .filters .sel i{
  color:#c9dbf2 !important;
}
html.dark-mode .filters .in input,
html.dark-mode .filters .sel select,
body.dark-mode .filters .in input,
body.dark-mode .filters .sel select{
  background:transparent !important;
  color:#f6fbff !important;
}
html.dark-mode .filters .in input::placeholder,
body.dark-mode .filters .in input::placeholder{
  color:#a8bdd9 !important;
  opacity:1 !important;
}
html.dark-mode .filters .btn,
body.dark-mode .filters .btn{
  min-height:46px !important;
}
html.dark-mode .filters .btn.primary,
body.dark-mode .filters .btn.primary{
  background:linear-gradient(180deg,#1e6fb8,#165795) !important;
  border-color:rgba(125,211,252,.24) !important;
  color:#fff !important;
}

/* Archive cards */
html.dark-mode .grid,
body.dark-mode .grid{
  align-items:stretch !important;
}
html.dark-mode .post-card,
body.dark-mode .post-card{
  display:flex !important;
  flex-direction:column !important;
  background:#0f2135 !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.20) !important;
}
html.dark-mode .post-card .post-body,
body.dark-mode .post-card .post-body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
html.dark-mode .post-card .meta,
body.dark-mode .post-card .meta{
  color:#c5d8ef !important;
}
html.dark-mode .post-card h3,
body.dark-mode .post-card h3{
  color:#ffffff !important;
}
html.dark-mode .post-card .desc,
body.dark-mode .post-card .desc{
  color:#d9e7f8 !important;
}
html.dark-mode .post-card .more,
body.dark-mode .post-card .more{
  margin-top:auto;
  color:#7dd3fc !important;
}
html.dark-mode .post-img,
body.dark-mode .post-img{
  background:linear-gradient(135deg,#0b1a2c,#123353) !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
}
html.dark-mode .post-card.no-image .post-img,
body.dark-mode .post-card.no-image .post-img{
  object-fit:cover !important;
  object-position:center center !important;
}

/* Details */
html.dark-mode .article-container,
body.dark-mode .article-container{
  background:#0d1d31 !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 22px 50px rgba(0,0,0,.22) !important;
}
html.dark-mode .article-header,
body.dark-mode .article-header{
  background:#0f2238 !important;
}
html.dark-mode .article-header h1,
body.dark-mode .article-header h1{
  color:#ffffff !important;
}
html.dark-mode .article-header .article-meta,
html.dark-mode .article-header .article-meta span,
body.dark-mode .article-header .article-meta,
body.dark-mode .article-header .article-meta span{
  color:#e5f0ff !important;
}
html.dark-mode .article-body,
body.dark-mode .article-body{
  background:#0d1d31 !important;
  color:#eef5ff !important;
}
html.dark-mode .article-body p,
html.dark-mode .article-body li,
body.dark-mode .article-body p,
body.dark-mode .article-body li{
  color:#edf4ff !important;
}
html.dark-mode .share-bar,
body.dark-mode .share-bar{
  background:#0f2238 !important;
  border-top:1px solid rgba(148,163,184,.12) !important;
}
html.dark-mode .share-bar .share-btn,
body.dark-mode .share-bar .share-btn{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#f5f9ff !important;
}
html.dark-mode .share-bar .share-btn:hover,
body.dark-mode .share-bar .share-btn:hover{
  background:rgba(96,165,250,.12) !important;
}