/* Resource list pages in the sketch04 language: dark base, navy cards, mono labels. */
.bd-res { background: #000313; }

/* old light dotted band under the hero */
.bd-res .bg-dots-pages, .bd-res .bg-dots-pages-wave { background-image: none; }

/* filter buttons */
.bd-res .btn-filter {
  color: #a6b0d2; border: 1px solid transparent; border-radius: 6px;
  transition: color .2s, background-color .2s, border-color .2s;
}
.bd-res .btn-filter:hover { background: rgba(92,116,178,.14); color: #fff; }
.bd-res .btn-filter-active, .bd-res .btn-filter-active:hover { background: #11193f; color: #fff; border-color: rgba(92,116,178,.35); }

/* grid rows (image + text) */
.bd-res .grid > a { color: #fff; }
.bd-res .grid > a h2 { color: #fff; font-size: 17px; line-height: 1.35; }
.bd-res .grid > a p { color: #a6b0d2; }
.bd-res .grid > a p.text-pewter, .bd-res .grid > a p:last-child {
  font-family: var(--bd-font-mono, "JetBrains Mono", monospace); font-size: 12px; letter-spacing: .04em;
}
.bd-res .grid > a img { border-radius: 8px; }

/* chips: dark glass, coral dot, mono label (same as blog index) */
.bd-res .pill-dove, .bd-res .pill-white {
  display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 8px;
  background: rgba(17,25,63,.7); border: 1px solid rgba(92,116,178,.35); color: #c3cae3;
  font-family: var(--bd-font-mono, "JetBrains Mono", monospace); font-size: 11px; font-weight: 500;
  letter-spacing: .08em; text-transform: uppercase; line-height: 1.2; backdrop-filter: blur(6px);
}
.bd-res .pill-dove::before, .bd-res .pill-white::before {
  content: ""; position: static; width: 6px; height: 6px; border-radius: 50%; background: #ff5247; flex: none;
}

/* article cards (news, security news, search): navy instead of white */
.bd-res .border-dove { border-color: rgba(92,116,178,.25); background: #11193f; }
.bd-res .border-dove .bg-white { background: #11193f; }
.bd-res .border-dove .bg-ice-blue { background: #0b1230; }
.bd-res .border-dove .text-navy-black { color: #fff; }
.bd-res .border-dove .text-navy-blue { color: #a6b0d2; }
.bd-res .border-dove .text-pewter {
  color: #a6b0d2; font-family: var(--bd-font-mono, "JetBrains Mono", monospace); font-size: 12px; letter-spacing: .04em;
}

/* headings and empty states left over from the light design */
.bd-res h4.text-navy-black, .bd-res h2.text-navy-black, .bd-res h3.text-navy-black { color: #fff; }
.bd-res .text-center p.text-navy-blue, .bd-res .text-center p.text-pewter { color: #a6b0d2; }

/* pagination (same as blog index) */
.bd-res .page-item, .bd-res .page-prev, .bd-res .page-next {
  background: transparent; border: 1px solid rgba(92,116,178,.35); color: #c3cae3;
  font-family: var(--bd-font-mono, "JetBrains Mono", monospace); font-size: 13px;
}
.bd-res .page-item:hover, .bd-res .page-prev:hover, .bd-res .page-next:hover { background: rgba(92,116,178,.18); color: #fff; }
.bd-res .page-item-active { background: #11193f; color: #fff; border-color: #ff5247; }
.bd-res .page-prev:disabled, .bd-res .page-next:disabled { opacity: .35; }

/* plain news tiles (security news, researches, press) */
.bd-res a.block > .bg-white { background: #11193f; border: 1px solid rgba(92,116,178,.25); border-top: 0; }
.bd-res a.block > .bg-white .text-navy-black { color: #fff; }
.bd-res a.block > .bg-white .text-pewter {
  color: #a6b0d2; font-family: var(--bd-font-mono, "JetBrains Mono", monospace); font-size: 12px; letter-spacing: .04em;
}
.bd-res a.block > .overflow-hidden { border: 1px solid rgba(92,116,178,.25); border-bottom: 0; }

/* closing demo band: picture is near white at the top, fade it from the dark page */
body:is(.bd-res, .page-template-blog, .category, .tag, .archive) .bg-demo-cta {
  background-image: linear-gradient(180deg, #000313 0, rgba(0,3,19,.72) 34%, rgba(0,3,19,.18) 100%), url('../images/backgrounds/bg-demo-cta.png');
}