/* SP-46 (History Field), 2026-10-10 - the car's public History on the Gallery card and the car page. A file of its own,
   linked from meta.php under the deployment's base path, so the sandbox copy styles the sandbox pages (the shared
   gallery_shell.css is always loaded from the live web root). Values are named for the Live Localhost Tuner. */

/* Gallery card: a small book icon + "History" on the card's lower text line, at its right end - only where a public
   History exists (operator: aligned with the lower horizontal card line, a few pixels above the bottom edge). */
.gallery-card { --gc-history-size: 11.5px; --gc-history-gap: 8px; --gc-history-size--label: "Card: History marker size"; --gc-history-gap--label: "Card: space before the History marker"; }
.gallery-card .gallery-card-meta { display: flex; align-items: baseline; gap: var(--gc-history-gap); }
.gallery-card .gallery-card-meta__text { min-width: 0; }
.gallery-card-history {
  margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: 4px;
  font-size: var(--gc-history-size); font-weight: 600; letter-spacing: .02em; color: #4b5d6b; white-space: nowrap;
}
.gallery-card-history svg { position: relative; top: 1px; }

/* Car page: the History beneath the photo(s). */
.car-page-wrap { --car-history-size: 15.5px; --car-history-above: 4px; --car-history-below: 22px; --car-history-para: 12px;
  --car-history-size--label: "Car page: History text size"; }
/* PS3 (operator, 2026-10-10): the full content width, both parts (no narrower text column) */
.car-history { margin: var(--car-history-above) 0 var(--car-history-below); }
.car-history[hidden] { display: none; }
.car-history__title { display: flex; align-items: center; gap: 7px; margin: 0 0 8px; font-size: 17px; font-weight: 700; color: #152536; }
.car-history__title svg { color: #4b5d6b; }
.car-history p { margin: 0 0 var(--car-history-para); font-size: var(--car-history-size); line-height: 1.6; color: #222; overflow-wrap: anywhere; white-space: pre-line; }
.car-history p:last-child { margin-bottom: 0; }
.car-history__more { font-style: italic; color: #6b7280 !important; font-size: 14px !important; }
/* the second photo after a divided History keeps the usual space above it */
.car-history + .car-page-photo--second { margin-top: 18px; }