/*
 * AWS article surface: keep text readable while allowing the fixed
 * architecture diagram to remain visible behind the article.
 */
main {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

main article,
.blog-post-content {
  background-color: transparent !important;
}

/*
 * Keep the diagram itself fully opaque. Capacity animations still control
 * opacity for nodes that scale out and in.
 */
.aws-architecture {
  opacity: 1 !important;
}

/* Remove the translucent decorative grid and gradients. */
#aws-system::before {
  display: none;
}

.aws-node,
.aws-service-cluster,
.aws-data-cluster,
.aws-task,
.aws-database-node,
.aws-database-node--writer,
.aws-database-node--primary {
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.aws-node,
.aws-database-node {
  border-color: #64748b !important;
}

.aws-node--cloudfront {
  border-color: #8b5cf6 !important;
}

.aws-node--alb {
  border-color: #ef4444 !important;
}

.aws-service-cluster,
.aws-task {
  border-color: #d97706 !important;
}

.aws-data-cluster--rds {
  border-color: #3b82f6 !important;
}

.aws-data-cluster--cache {
  border-color: #db2777 !important;
}

.aws-node--cloudfront::before,
.aws-node--alb::before,
.aws-task::before,
.aws-database-node::before {
  box-shadow: none !important;
}

/* Use solid connection colors and remove the translucent line glow. */
.aws-flow-line-glow {
  display: none;
}

.aws-flow-line {
  stroke: #334155;
}

.aws-flow-line--compute {
  stroke: #d97706;
}

.aws-flow-line--rds {
  stroke: #3b82f6;
}

.aws-flow-line--cache {
  stroke: #db2777;
}

@media (max-width: 48rem) {
  .aws-architecture {
    opacity: 1 !important;
  }
}