/* Peeryx Network — V86 Blog repair
   Fixes the broken blog layout and remaining dark-blue-on-blue text caused by legacy CSS specificity. */

html body.page-blog main.px83-blog-index,
html body[class*="page-article"] main{
  background:
    radial-gradient(circle at 14% 0%,rgba(69,207,255,.12),transparent 34rem),
    radial-gradient(circle at 88% 4%,rgba(45,124,255,.11),transparent 28rem),
    linear-gradient(180deg,#030812 0%,#071220 46%,#030812 100%)!important;
  color:#dcecff!important;
  -webkit-text-fill-color:initial!important;
}

/* Absolute contrast lock for blog index and article pages */
html body.page-blog main.px83-blog-index h1,
html body.page-blog main.px83-blog-index h2,
html body.page-blog main.px83-blog-index h3,
html body.page-blog main.px83-blog-index h4,
html body.page-blog main.px83-blog-index h5,
html body.page-blog main.px83-blog-index h6,
html body.page-blog main.px83-blog-index strong,
html body.page-blog main.px83-blog-index summary,
html body[class*="page-article"] main h1,
html body[class*="page-article"] main h2,
html body[class*="page-article"] main h3,
html body[class*="page-article"] main h4,
html body[class*="page-article"] main h5,
html body[class*="page-article"] main h6,
html body[class*="page-article"] main strong,
html body[class*="page-article"] main summary{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background-image:none!important;
  opacity:1!important;
  text-shadow:none!important;
  mix-blend-mode:normal!important;
}
html body.page-blog main.px83-blog-index p,
html body.page-blog main.px83-blog-index li,
html body.page-blog main.px83-blog-index small,
html body.page-blog main.px83-blog-index span,
html body.page-blog main.px83-blog-index em,
html body.page-blog main.px83-blog-index label,
html body[class*="page-article"] main p,
html body[class*="page-article"] main li,
html body[class*="page-article"] main small,
html body[class*="page-article"] main span,
html body[class*="page-article"] main em,
html body[class*="page-article"] main label{
  color:#d6e6f8!important;
  -webkit-text-fill-color:#d6e6f8!important;
  opacity:1!important;
}

/* Blog hero: stop the featured card from becoming a narrow unreadable column */
html body.page-blog main.px83-blog-index .blog-index-hero-v9{
  min-height:auto!important;
  padding:96px 0 70px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 20%,rgba(69,207,255,.10),transparent 28rem),
    linear-gradient(180deg,rgba(6,14,26,.72),rgba(3,8,18,.92))!important;
  border-bottom:1px solid rgba(164,220,255,.10)!important;
}
html body.page-blog main.px83-blog-index .blog-index-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.74fr)!important;
  gap:34px!important;
  align-items:center!important;
  width:min(1220px,calc(100% - 48px))!important;
  max-width:1220px!important;
}
html body.page-blog main.px83-blog-index .blog-index-copy{
  padding:0!important;
  min-width:0!important;
}
html body.page-blog main.px83-blog-index .blog-index-copy .eyebrow,
html body.page-blog main.px83-blog-index .blog-all-heading .eyebrow{
  color:#eafaff!important;
  -webkit-text-fill-color:#eafaff!important;
  background:rgba(69,207,255,.14)!important;
  border:1px solid rgba(143,234,255,.25)!important;
}
html body.page-blog main.px83-blog-index .blog-index-copy h1{
  max-width:900px!important;
  margin:16px 0 20px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(3.2rem,6.3vw,6.4rem)!important;
  line-height:.88!important;
  letter-spacing:-.085em!important;
  text-wrap:balance!important;
}
html body.page-blog main.px83-blog-index .blog-index-copy .hero-text{
  max-width:780px!important;
  color:#d9e8f8!important;
  -webkit-text-fill-color:#d9e8f8!important;
  font-size:clamp(1.05rem,1.35vw,1.22rem)!important;
  line-height:1.76!important;
}

/* Featured article card, repaired */
html body.page-blog main.px83-blog-index a.blog-featured-panel-v80.glass-card{
  justify-self:end!important;
  width:min(100%,430px)!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  padding:18px!important;
  border-radius:34px!important;
  text-decoration:none!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(69,207,255,.16),transparent 38%),
    linear-gradient(180deg,#111f32 0%,#08111d 100%)!important;
  border:1px solid rgba(143,234,255,.22)!important;
  box-shadow:0 26px 86px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07)!important;
  overflow:hidden!important;
}
html body.page-blog main.px83-blog-index a.blog-featured-panel-v80.glass-card > .eyebrow{
  order:0!important;
  width:max-content!important;
  max-width:100%!important;
  color:#eafaff!important;
  -webkit-text-fill-color:#eafaff!important;
}
html body.page-blog main.px83-blog-index .blog-featured-panel-v80 img{
  order:1!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  object-fit:cover!important;
  border-radius:24px!important;
  background:#07121f!important;
  border:1px solid rgba(255,255,255,.10)!important;
  display:block!important;
}
html body.page-blog main.px83-blog-index .blog-featured-panel-v80 .blog-featured-copy-v80{
  order:2!important;
  min-width:0!important;
  padding:0!important;
}
html body.page-blog main.px83-blog-index .blog-featured-panel-v80 .blog-meta-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 12px!important;
}
html body.page-blog main.px83-blog-index .blog-featured-panel-v80 .pill,
html body.page-blog main.px83-blog-index .blog-featured-panel-v80 .blog-date{
  color:#e9f7ff!important;
  -webkit-text-fill-color:#e9f7ff!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:.78rem!important;
  font-weight:900!important;
}
html body.page-blog main.px83-blog-index .blog-featured-panel-v80 .blog-featured-copy-v80 h2{
  margin:0 0 12px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(1.55rem,2.4vw,2.25rem)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
html body.page-blog main.px83-blog-index .blog-featured-panel-v80 .blog-featured-copy-v80 p{
  margin:0!important;
  color:#d2e1f1!important;
  -webkit-text-fill-color:#d2e1f1!important;
  font-size:.98rem!important;
  line-height:1.66!important;
}
html body.page-blog main.px83-blog-index .blog-featured-panel-v80 .text-link{
  display:inline-flex!important;
  margin-top:16px!important;
  color:#8feaff!important;
  -webkit-text-fill-color:#8feaff!important;
  font-weight:950!important;
}

/* Insight cards under hero */
html body.page-blog main.px83-blog-index .blog-insights-grid{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:10px!important;
}
html body.page-blog main.px83-blog-index .blog-insight-card{
  min-height:150px!important;
  padding:22px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#101d2f,#08111d)!important;
  border:1px solid rgba(143,234,255,.16)!important;
}
html body.page-blog main.px83-blog-index .blog-insight-card h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:1.18rem!important;
  line-height:1.12!important;
}
html body.page-blog main.px83-blog-index .blog-insight-card p{
  color:#d1e1f1!important;
  -webkit-text-fill-color:#d1e1f1!important;
}

/* All articles block */
html body.page-blog main.px83-blog-index .blog-all-section{
  padding:76px 0 96px!important;
  background:linear-gradient(180deg,#030812 0%,#071220 100%)!important;
}
html body.page-blog main.px83-blog-index .blog-home-band.blog-all-band{
  padding:32px!important;
  border-radius:36px!important;
  background:linear-gradient(180deg,#0e1a2a 0%,#07111e 100%)!important;
  border:1px solid rgba(143,234,255,.14)!important;
  box-shadow:0 28px 92px rgba(0,0,0,.32)!important;
}
html body.page-blog main.px83-blog-index .section-heading.blog-all-heading{
  max-width:980px!important;
  margin:0 0 26px!important;
}
html body.page-blog main.px83-blog-index .section-heading.blog-all-heading h2{
  max-width:950px!important;
  margin:16px 0 14px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(2.45rem,4.5vw,4.6rem)!important;
  line-height:.96!important;
  letter-spacing:-.075em!important;
}
html body.page-blog main.px83-blog-index .section-heading.blog-all-heading p{
  max-width:900px!important;
  color:#d4e4f5!important;
  -webkit-text-fill-color:#d4e4f5!important;
  font-size:1.05rem!important;
  line-height:1.72!important;
}
html body.page-blog main.px83-blog-index .blog-count-pill{
  display:inline-flex!important;
  margin-top:14px!important;
  color:#03111d!important;
  -webkit-text-fill-color:#03111d!important;
  background:linear-gradient(135deg,#dffbff,#8feaff)!important;
  border:0!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  font-weight:950!important;
}

/* Search / filters must not overflow */
html body.page-blog main.px83-blog-index .blog-filter-bar-v80{
  position:sticky!important;
  top:88px!important;
  z-index:12!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  margin:0 0 32px!important;
  padding:14px!important;
  border-radius:26px!important;
  background:rgba(12,26,42,.92)!important;
  border:1px solid rgba(143,234,255,.16)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(18px)!important;
}
html body.page-blog main.px83-blog-index .blog-search-v80{
  flex:1 1 360px!important;
  min-width:min(100%,300px)!important;
  max-width:100%!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 16px!important;
  border-radius:18px!important;
  background:#081321!important;
  border:1px solid rgba(143,234,255,.14)!important;
  box-sizing:border-box!important;
}
html body.page-blog main.px83-blog-index .blog-search-v80 span{
  color:#b9d1e9!important;
  -webkit-text-fill-color:#b9d1e9!important;
}
html body.page-blog main.px83-blog-index .blog-search-v80 input{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  font-weight:800!important;
}
html body.page-blog main.px83-blog-index .blog-search-v80 input::placeholder{
  color:#9fb2c8!important;
  -webkit-text-fill-color:#9fb2c8!important;
}
html body.page-blog main.px83-blog-index .blog-topic-chips-v80{
  flex:0 1 auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:2px!important;
}
html body.page-blog main.px83-blog-index .blog-topic-chip-v80{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  min-height:46px!important;
  padding:0 16px!important;
  background:#091525!important;
  border:1px solid rgba(143,234,255,.13)!important;
  color:#e7f5ff!important;
  -webkit-text-fill-color:#e7f5ff!important;
  font-weight:950!important;
}
html body.page-blog main.px83-blog-index .blog-topic-chip-v80.active{
  background:linear-gradient(135deg,rgba(69,207,255,.24),rgba(45,124,255,.20))!important;
  border-color:rgba(143,234,255,.36)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Article cards: make text visible and prevent huge broken cards */
html body.page-blog main.px83-blog-index .resource-card-grid.resource-card-grid-visual{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
html body.page-blog main.px83-blog-index .resource-card-grid-visual a.blog-home-card.resource-card{
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto 220px!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  text-decoration:none!important;
  background:linear-gradient(180deg,#101d2f 0%,#07111d 100%)!important;
  border:1px solid rgba(143,234,255,.14)!important;
  box-shadow:0 20px 68px rgba(0,0,0,.28)!important;
}
html body.page-blog main.px83-blog-index .blog-home-card-copy{
  order:2!important;
  padding:22px!important;
  min-width:0!important;
}
html body.page-blog main.px83-blog-index .blog-home-card .blog-home-visual{
  order:1!important;
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#07121f!important;
}
html body.page-blog main.px83-blog-index .blog-home-card .blog-home-visual img,
html body.page-blog main.px83-blog-index .blog-home-card img.blog-home-visual-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:#07121f!important;
  border:0!important;
  border-radius:0!important;
}
html body.page-blog main.px83-blog-index .blog-home-card .blog-meta-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 14px!important;
}
html body.page-blog main.px83-blog-index .blog-home-card .pill,
html body.page-blog main.px83-blog-index .blog-home-card .blog-date{
  color:#e5f4ff!important;
  -webkit-text-fill-color:#e5f4ff!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:.76rem!important;
  font-weight:900!important;
}
html body.page-blog main.px83-blog-index .resource-card-grid-visual a.blog-home-card.resource-card h3,
html body.page-blog main.px83-blog-index .resource-card-grid-visual a.blog-home-card.resource-card h3 a{
  display:block!important;
  margin:0 0 12px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(1.24rem,1.65vw,1.62rem)!important;
  line-height:1.14!important;
  letter-spacing:-.035em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
html body.page-blog main.px83-blog-index .resource-card-grid-visual a.blog-home-card.resource-card p{
  margin:0!important;
  color:#ccdced!important;
  -webkit-text-fill-color:#ccdced!important;
  font-size:.96rem!important;
  line-height:1.62!important;
}
html body.page-blog main.px83-blog-index .resource-card-grid-visual a.blog-home-card.resource-card .text-link{
  display:inline-flex!important;
  margin-top:18px!important;
  color:#8feaff!important;
  -webkit-text-fill-color:#8feaff!important;
  font-weight:950!important;
}

/* Article page hardening */
html body[class*="page-article"] main .article-header-card,
html body[class*="page-article"] main .article-prose-clean,
html body[class*="page-article"] main .article-sidebar-clean,
html body[class*="page-article"] main .article-summary-card,
html body[class*="page-article"] main .article-info-card,
html body[class*="page-article"] main .article-related-links,
html body[class*="page-article"] main .faq-item{
  background:linear-gradient(180deg,#101d2f 0%,#07111d 100%)!important;
  border:1px solid rgba(143,234,255,.14)!important;
  color:#d6e6f8!important;
  -webkit-text-fill-color:initial!important;
}
html body[class*="page-article"] main .article-header-card h1,
html body[class*="page-article"] main .article-prose-clean h2,
html body[class*="page-article"] main .article-prose-clean h3,
html body[class*="page-article"] main .article-related-links h2,
html body[class*="page-article"] main .article-related-links h3,
html body[class*="page-article"] main .article-sidebar-clean h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body[class*="page-article"] main .article-prose-clean p,
html body[class*="page-article"] main .article-prose-clean li,
html body[class*="page-article"] main .article-sidebar-clean p,
html body[class*="page-article"] main .article-sidebar-clean li{
  color:#d6e6f8!important;
  -webkit-text-fill-color:#d6e6f8!important;
}

/* Responsive */
@media(max-width:1180px){
  html body.page-blog main.px83-blog-index .blog-index-shell{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  html body.page-blog main.px83-blog-index a.blog-featured-panel-v80.glass-card{
    justify-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    gap:20px!important;
  }
  html body.page-blog main.px83-blog-index a.blog-featured-panel-v80.glass-card > .eyebrow{
    grid-column:1 / -1!important;
  }
  html body.page-blog main.px83-blog-index .blog-featured-panel-v80 img{
    height:100%!important;
    min-height:240px!important;
    max-height:none!important;
  }
  html body.page-blog main.px83-blog-index .resource-card-grid.resource-card-grid-visual{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:820px){
  html body.page-blog main.px83-blog-index .blog-index-hero-v9{
    padding:72px 0 54px!important;
  }
  html body.page-blog main.px83-blog-index .blog-index-shell,
  html body.page-blog main.px83-blog-index .container{
    width:min(100% - 28px,720px)!important;
  }
  html body.page-blog main.px83-blog-index .blog-index-copy h1{
    font-size:clamp(2.55rem,13vw,4.2rem)!important;
    line-height:.92!important;
  }
  html body.page-blog main.px83-blog-index a.blog-featured-panel-v80.glass-card{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    border-radius:26px!important;
  }
  html body.page-blog main.px83-blog-index .blog-featured-panel-v80 img{
    height:190px!important;
    min-height:190px!important;
  }
  html body.page-blog main.px83-blog-index .blog-insights-grid,
  html body.page-blog main.px83-blog-index .resource-card-grid.resource-card-grid-visual{
    grid-template-columns:1fr!important;
  }
  html body.page-blog main.px83-blog-index .blog-home-band.blog-all-band{
    padding:18px!important;
    border-radius:26px!important;
  }
  html body.page-blog main.px83-blog-index .section-heading.blog-all-heading h2{
    font-size:clamp(2.1rem,11vw,3.3rem)!important;
  }
  html body.page-blog main.px83-blog-index .blog-filter-bar-v80{
    position:relative!important;
    top:auto!important;
  }
  html body.page-blog main.px83-blog-index .blog-topic-chips-v80{
    width:100%!important;
    flex-wrap:nowrap!important;
  }
}
@media(max-width:520px){
  html body.page-blog main.px83-blog-index .blog-index-shell,
  html body.page-blog main.px83-blog-index .container{
    width:min(100% - 22px,480px)!important;
  }
  html body.page-blog main.px83-blog-index .blog-search-v80{
    flex-basis:100%!important;
    min-width:0!important;
  }
  html body.page-blog main.px83-blog-index .blog-home-card .blog-home-visual{
    height:185px!important;
    min-height:185px!important;
  }
}