/* TREE on Robinhood Chain. Small additions on top of the original stylesheet. */
[hidden] { display: none !important; }

/* Hero fixes for wide screens. The original capped the hero at 1480px, so its
   light gradient and glow stopped short of the viewport edges and showed as
   vertical bands. The hero now spans the full width and keeps the content
   where the 1480px box had it. */
@media (min-width: 1481px) {
  .poster-hero {
    max-width: none;
    padding-left: calc((100% - 1480px) / 2 + clamp(48px, 5vw, 92px));
    padding-right: calc((100% - 1480px) / 2 + clamp(48px, 5vw, 92px));
  }
}

/* The terminal photo has a darker vignette at its right and bottom edges that
   the original mask never faded out. Fade those edges into the paper. */
.poster-product img {
  -webkit-mask-image:
    radial-gradient(ellipse 60% 62% at 70% 70%, #000 38%, rgba(0, 0, 0, .93) 62%, transparent 100%),
    linear-gradient(to right, #000 88%, transparent 100%),
    linear-gradient(to bottom, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in, source-in;
  mask-image:
    radial-gradient(ellipse 60% 62% at 70% 70%, #000 38%, rgba(0, 0, 0, .93) 62%, transparent 100%),
    linear-gradient(to right, #000 88%, transparent 100%),
    linear-gradient(to bottom, #000 86%, transparent 100%);
  mask-composite: intersect;
}

.proof-ledger code.is-pending { opacity: .72; letter-spacing: .02em; }

.connect-note { margin: 0; font-size: 13px; line-height: 1.5; opacity: .82; }
.connect-error, .finance-error { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .03em; color: #8a2f1f; }
a.connect-button { text-decoration: none; }

.system-service-strip .pending i { background: #a8946f; box-shadow: 0 0 0 4px #a8946f1f; }
.system-service-strip em { font-style: normal; }

.status-trend-chart .status-trend-canvas svg.is-flat .chart-area,
.status-trend-chart .status-trend-canvas svg.is-flat .chart-line { opacity: .35; }