/* About-only layout refinements. Typography and dimensions are unchanged. */
#bc-library-preview #bch-about .b2-detail-row > div { min-width: 0; }
#bc-library-preview #bch-about .b2-detail-row p + p { margin-top: 1em; }
#bc-library-preview #bch-about .bc-about-links {
  display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 4px;
}
#bc-library-preview #bch-about .bc-about-links a { margin-top: 0; }
#bc-library-preview #bch-about .b2-detail-status { max-width: 72ch; }

/* Use the approved Tools/Library and shared-navigation color roles explicitly.
   The inherited house-detail styles still carry the earlier copper palette. */
html #bc-library-preview #bc-house-synthesis #bch-about {
  --about-paper: #FFF9F1;
  --about-forest: #213B34;
  --about-charcoal: #242323;
  --about-brass-light: #D3AD65;
  --about-brass-ink: #694C19;
  --about-muted: #50514D;
  --about-rule: #A4AEA8;
  --about-inverse-muted: #E4DBCC;
  --b2-paper: var(--about-paper);
  --b2-forest: var(--about-forest);
  --b2-copper: var(--about-brass-light);
  --b2-rule: var(--about-rule);
  background: var(--about-paper);
  color: var(--about-charcoal);
}
html #bc-library-preview #bc-house-synthesis #bch-about .b2-detail-heading {
  background: var(--about-forest);
  color: var(--about-paper);
}
html #bc-library-preview #bc-house-synthesis #bch-about .b2-detail-heading h1 {
  color: var(--about-paper);
}
html #bc-library-preview #bc-house-synthesis #bch-about .b2-detail-heading > .b2-eyebrow {
  color: var(--about-brass-light);
}
html #bc-library-preview #bc-house-synthesis #bch-about .b2-detail-heading > p:last-child {
  color: var(--about-inverse-muted);
}
html #bc-library-preview #bc-house-synthesis #bch-about .b2-detail-body {
  background: var(--about-paper);
  color: var(--about-charcoal);
}
html #bc-library-preview #bc-house-synthesis #bch-about .b2-detail-row :is(h2,h3) {
  color: var(--about-forest);
}
html #bc-library-preview #bc-house-synthesis #bch-about .b2-detail-row p {
  color: var(--about-charcoal);
}
html #bc-library-preview #bc-house-synthesis #bch-about :is(.b2-back,.b2-detail-body) a {
  color: var(--about-brass-ink);
  text-decoration-color: currentColor;
}
html #bc-library-preview #bc-house-synthesis #bch-about :is(.b2-back,.b2-detail-body) a:hover {
  color: var(--about-forest);
}
html #bc-library-preview #bc-house-synthesis #bch-about a:focus-visible {
  outline: 3px solid var(--about-forest);
  outline-offset: 4px;
}
html #bc-library-preview #bc-house-synthesis #bch-about :is(.b2-detail-row,.b2-detail-status) {
  border-color: var(--about-rule);
}
html #bc-library-preview #bc-house-synthesis #bch-about .b2-detail-status {
  color: var(--about-muted);
}