/* Peeryx Network — V84 contrast rescue
   Goal: eliminate remaining blue-on-blue / faint cyan text across legacy pages.
   Strategy: load last, kill accidental text gradients, and re-lock content contrast on dark surfaces. */
:root{
  --px84-surface:#0b1420;
  --px84-surface-2:#0f1b2b;
  --px84-surface-3:#122136;
  --px84-line:rgba(170,194,219,.16);
  --px84-text:#f7fbff;
  --px84-text-soft:#d7e5f4;
  --px84-text-muted:#b8c8db;
  --px84-link:#8feaff;
  --px84-link-hover:#d9fbff;
  --px84-title:#ffffff;
  --px84-accent:#45cfff;
  --px84-accent-2:#2d7cff;
}

/* 1) Kill unreadable text gradients / faint fills from stacked legacy CSS */
html body main :where(h1,h2,h3,h4,h5,h6,p,li,span,small,strong,em,label,blockquote,figcaption,dt,dd,summary,a,th,td){
  text-shadow:none!important;
}
html body main :where(h1,h2,h3,h4,h5,h6,strong,.panel-kicker,.eyebrow,.px26-eyebrow,.pill,.capability-pill,.featured-diagram-kicker,.blog-topic-chip-v80,.article-link-logo span,.pricing-card strong,.resource-stat strong){
  background-image:none!important;
}

/* 2) Default content colors in the main dark shell */
html body main,
html body main section,
html body main article,
html body main .section,
html body main .section-alt,
html body main .subpage-hero,
html body main .hero,
html body main .page-hero,
html body main .blog-index-hero-v9,
html body main .article-hero,
html body main .faq,
html body main .capability-band,
html body main .pricing-band,
html body main .ops-band,
html body main .strategy-band,
html body main .blueprint-band,
html body main .enterprise-band,
html body main .benefits-showcase,
html body main .offer-lineup-band,
html body main .blog-home-band{
  color:var(--px84-text-soft)!important;
  -webkit-text-fill-color:var(--px84-text-soft)!important;
}
html body main :where(h1,h2,h3,h4,h5,h6,strong,b,summary){
  color:var(--px84-title)!important;
  -webkit-text-fill-color:var(--px84-title)!important;
}
html body main :where(p,li,td,th,label,small,figcaption,blockquote,em,dt,dd){
  color:var(--px84-text-soft)!important;
  -webkit-text-fill-color:var(--px84-text-soft)!important;
}
html body main :where(a:not(.button):not(.px26-btn):not(.footer-link-cta)){
  color:var(--px84-link)!important;
  -webkit-text-fill-color:var(--px84-link)!important;
}
html body main :where(a:not(.button):not(.px26-btn):not(.footer-link-cta):hover){
  color:var(--px84-link-hover)!important;
  -webkit-text-fill-color:var(--px84-link-hover)!important;
}

/* 3) Cards / panels / blog blocks: one readable dark surface everywhere */
html body main :where(
  .glass-card,.hero-panel-card,.contact-card,.contact-side,.option-card,.timeline-card,.info-panel,.feature-card,.long-card,.metric-card,.game-card,.pricing-card,.step-card,
  .blog-featured-article,.blog-insight-card,.blog-card-featured,.blog-home-card,.resource-card-grid-visual>a,.resource-card-grid-text>a,
  .footprint-map-card,.footprint-city-card,.offer-lineup-card,.solution-diagram-card,.enterprise-copy-card,.enterprise-card,.enterprise-note,
  .strategy-copy,.strategy-card,.strategy-note,.blueprint-copy,.blueprint-visual-card,.ops-step-card,.capability-hero-card,.capability-panel,
  .article-prose,.article-prose-clean,.article-sidebar,.article-sidebar-clean,.faq-item,.article-diagram,.featured-diagram,.article-diagram-clean,
  .article-diagram-flow-clean,.article-diagram-compare-clean,.article-diagram-engine-clean,.article-link-card,.article-summary-card,.article-info-card,
  .article-offer-focus,.article-side-cta,.article-inline-cta,.article-related-links,.px26-solution-card,.px26-benefit,.px26-infra-card,.px26-cta-card,.px26-seo-card,
  .trust-pill,.legend-item,.footnote,.pill,.capability-pill,.offer-badge,.resource-stat,.blog-topic-chip-v80
){
  background:linear-gradient(180deg,var(--px84-surface-2) 0%, var(--px84-surface) 100%)!important;
  border:1px solid var(--px84-line)!important;
  color:var(--px84-text)!important;
  -webkit-text-fill-color:initial!important;
  box-shadow:0 18px 52px rgba(0,0,0,.28)!important;
}
html body main :where(
  .glass-card,.hero-panel-card,.contact-card,.contact-side,.option-card,.timeline-card,.info-panel,.feature-card,.long-card,.metric-card,.game-card,.pricing-card,.step-card,
  .blog-featured-article,.blog-insight-card,.blog-card-featured,.blog-home-card,.resource-card-grid-visual>a,.resource-card-grid-text>a,
  .footprint-map-card,.footprint-city-card,.offer-lineup-card,.solution-diagram-card,.enterprise-copy-card,.enterprise-card,.enterprise-note,
  .strategy-copy,.strategy-card,.strategy-note,.blueprint-copy,.blueprint-visual-card,.ops-step-card,.capability-hero-card,.capability-panel,
  .article-prose,.article-prose-clean,.article-sidebar,.article-sidebar-clean,.faq-item,.article-diagram,.featured-diagram,.article-diagram-clean,
  .article-diagram-flow-clean,.article-diagram-compare-clean,.article-diagram-engine-clean,.article-link-card,.article-summary-card,.article-info-card,
  .article-offer-focus,.article-side-cta,.article-inline-cta,.article-related-links,.px26-solution-card,.px26-benefit,.px26-infra-card,.px26-cta-card,.px26-seo-card,
  .trust-pill,.legend-item,.footnote,.pill,.capability-pill,.offer-badge,.resource-stat,.blog-topic-chip-v80
) :where(h1,h2,h3,h4,h5,h6,strong,b,summary){
  color:var(--px84-title)!important;
  -webkit-text-fill-color:var(--px84-title)!important;
}
html body main :where(
  .glass-card,.hero-panel-card,.contact-card,.contact-side,.option-card,.timeline-card,.info-panel,.feature-card,.long-card,.metric-card,.game-card,.pricing-card,.step-card,
  .blog-featured-article,.blog-insight-card,.blog-card-featured,.blog-home-card,.resource-card-grid-visual>a,.resource-card-grid-text>a,
  .footprint-map-card,.footprint-city-card,.offer-lineup-card,.solution-diagram-card,.enterprise-copy-card,.enterprise-card,.enterprise-note,
  .strategy-copy,.strategy-card,.strategy-note,.blueprint-copy,.blueprint-visual-card,.ops-step-card,.capability-hero-card,.capability-panel,
  .article-prose,.article-prose-clean,.article-sidebar,.article-sidebar-clean,.faq-item,.article-diagram,.featured-diagram,.article-diagram-clean,
  .article-diagram-flow-clean,.article-diagram-compare-clean,.article-diagram-engine-clean,.article-link-card,.article-summary-card,.article-info-card,
  .article-offer-focus,.article-side-cta,.article-inline-cta,.article-related-links,.px26-solution-card,.px26-benefit,.px26-infra-card,.px26-cta-card,.px26-seo-card,
  .trust-pill,.legend-item,.footnote,.pill,.capability-pill,.offer-badge,.resource-stat,.blog-topic-chip-v80
) :where(p,li,span,small,em,label,blockquote,td,th,dt,dd){
  color:var(--px84-text-soft)!important;
  -webkit-text-fill-color:var(--px84-text-soft)!important;
}
html body main :where(
  .glass-card,.hero-panel-card,.contact-card,.contact-side,.option-card,.timeline-card,.info-panel,.feature-card,.long-card,.metric-card,.game-card,.pricing-card,.step-card,
  .blog-featured-article,.blog-insight-card,.blog-card-featured,.blog-home-card,.resource-card-grid-visual>a,.resource-card-grid-text>a,
  .footprint-map-card,.footprint-city-card,.offer-lineup-card,.solution-diagram-card,.enterprise-copy-card,.enterprise-card,.enterprise-note,
  .strategy-copy,.strategy-card,.strategy-note,.blueprint-copy,.blueprint-visual-card,.ops-step-card,.capability-hero-card,.capability-panel,
  .article-prose,.article-prose-clean,.article-sidebar,.article-sidebar-clean,.faq-item,.article-diagram,.featured-diagram,.article-diagram-clean,
  .article-diagram-flow-clean,.article-diagram-compare-clean,.article-diagram-engine-clean,.article-link-card,.article-summary-card,.article-info-card,
  .article-offer-focus,.article-side-cta,.article-inline-cta,.article-related-links,.px26-solution-card,.px26-benefit,.px26-infra-card,.px26-cta-card,.px26-seo-card,
  .trust-pill,.legend-item,.footnote,.pill,.capability-pill,.offer-badge,.resource-stat,.blog-topic-chip-v80
) a:not(.button):not(.px26-btn){
  color:var(--px84-link)!important;
  -webkit-text-fill-color:var(--px84-link)!important;
}

/* 4) Eyebrows, badges, chips, pills: remove low-contrast pale blue text */
html body main :where(.panel-kicker,.eyebrow,.px26-eyebrow,.pill,.capability-pill,.featured-diagram-kicker,.blog-topic-chip-v80,.resource-chip,.offer-badge,.capability-panel-kicker){
  color:#ecfbff!important;
  -webkit-text-fill-color:#ecfbff!important;
  background:rgba(69,207,255,.14)!important;
  border:1px solid rgba(120,223,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body main :where(.panel-kicker,.eyebrow,.px26-eyebrow,.pill,.capability-pill,.featured-diagram-kicker,.blog-topic-chip-v80,.resource-chip,.offer-badge,.capability-panel-kicker)::before{
  background:var(--px84-link)!important;
  box-shadow:0 0 14px rgba(143,234,255,.5)!important;
}

/* 5) Forms and inputs */
html body main :where(input,textarea,select){
  background:rgba(8,15,25,.9)!important;
  color:var(--px84-text)!important;
  -webkit-text-fill-color:var(--px84-text)!important;
  border:1px solid rgba(174,195,219,.18)!important;
}
html body main :where(input::placeholder,textarea::placeholder){
  color:#9eb2c8!important;
  -webkit-text-fill-color:#9eb2c8!important;
}

/* 6) Tables / lists in articles */
html body main .article-table,
html body main table{
  background:linear-gradient(180deg,#0c1623,#09111b)!important;
  border-color:rgba(169,189,214,.16)!important;
}
html body main .article-table th,
html body main .article-table td,
html body main table th,
html body main table td{
  color:var(--px84-text-soft)!important;
  -webkit-text-fill-color:var(--px84-text-soft)!important;
  border-color:rgba(169,189,214,.12)!important;
}

/* 7) Footer buttons / CTA links */
html body .footer-link-cta{
  color:#05111c!important;
  -webkit-text-fill-color:#05111c!important;
}

/* 8) Mobile readability touch-ups */
@media (max-width: 860px){
  html body main :where(p,li,td,th,label,small,figcaption,blockquote,em,dt,dd){
    font-size:15.8px!important;
    line-height:1.72!important;
  }
  html body main :where(.glass-card,.pricing-card,.feature-card,.long-card,.article-prose,.article-prose-clean,.faq-item,.article-sidebar,.article-sidebar-clean,.blog-home-card,.blog-insight-card,.resource-card-grid-visual>a,.resource-card-grid-text>a){
    padding:18px!important;
    border-radius:20px!important;
  }
}