Fix hero image black borders on white page

Ariver

2026-06-06 dbfa4ece88c317a38477503763c57e04464b5845

Fix hero image black borders on white page

Flood-fill the black export background to white so the embedded visual
blends with the hero section. Match figure/img backgrounds in CSS.

 docs/assets/hero-visual.jpg

 docs/assets/hero-visual.png

 docs/styles.css

@@ -187,13 +187,14 @@
  max-width: 22em;
}

/* Right art: user-provided hero visual (use as-is) */
/* Right art: user-provided hero visual (black bg removed → white) */
.hero__art {
  margin: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: var(--hero-bg);
}

.hero__art img {
@@ -201,6 +202,8 @@
  width: 100%;
  max-width: 100%;
  height: auto;
  background: var(--hero-bg);
  border: 0;
}

/* Main content */