/* Article-specific additions to the existing catalog visual system. */
.history-hero {border-bottom:1px solid var(--line,#d8d9d4);padding-bottom:2rem;margin-bottom:2rem}
.history-hero h1 {max-width:19ch}
.history-points {display:flex;gap:1rem;flex-wrap:wrap;padding:0;list-style:none;font-size:.85rem}
.history-points li {border:1px solid #b9c3b7;padding:.55rem .8rem;border-radius:3px}
.history-photo {margin:2rem 0;background:#f0f1ec;border:1px solid #d4d9d0}
.history-photo img {display:block;width:100%;height:auto;max-height:530px;object-fit:contain;background:#e5e8e1}
.history-photo figcaption {padding:1rem;font-size:.82rem;line-height:1.65;color:#454d43}
.history-chart {margin:1.5rem 0}
.history-chart svg {display:block;width:100%;height:auto;min-width:540px;background:#f1f4ec}
.history-chart .chart-scroll {overflow-x:auto;border:1px solid #b6c5ad}
.history-chart summary,.architectures summary {cursor:pointer;padding:1rem;font-weight:650}
.architectures {margin:1.5rem 0}
.architectures details {border:1px solid #b6c5ad;border-radius:3px;margin:.7rem 0;background:#f6f7f2}
.architectures details[open] summary {border-bottom:1px solid #b6c5ad}
.architectures .path {display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:1rem}
.architectures .node {padding:.65rem .8rem;border:1px solid #899d7e;background:#fff;border-radius:3px}
.architectures .electric {background:#e1ecd8;border-color:#536c40}
.architectures p {padding:0 1rem 1rem;margin:0}
.history-timeline {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:1px;background:#b6c5ad;border:1px solid #b6c5ad;margin:1.5rem 0}
.history-timeline li {padding:1.2rem;background:#f4f5ef}
.history-timeline strong {display:block;color:#355d27;font-size:1.4rem}
.history-timeline a {display:block;font-size:.9rem;margin-top:.4rem}
.history-table {width:100%;border-collapse:collapse;min-width:600px}
.history-table th,.history-table td {padding:.8rem;text-align:left;border-bottom:1px solid #d4d9d0;vertical-align:top}
.history-table caption {text-align:left;padding:.8rem;font-weight:650}
.history-page .source-list {overflow-wrap:anywhere}
.history-page section {scroll-margin-top:1rem}
.history-page :focus-visible {outline:3px solid #315b22;outline-offset:4px}
@media(max-width:600px){.history-timeline{grid-template-columns:1fr 1fr}.history-hero h1{font-size:2.5rem}.history-photo figcaption{padding:.8rem}.history-photo img{max-height:none}}
@media print{.article-toc,header,.history-points{display:none}.article-layout{display:block}.history-chart svg{min-width:0}.history-photo{break-inside:avoid}}
/* The two-column chart data must remain readable when its disclosure is open. */
.history-chart table {min-width:0;width:100%;table-layout:fixed}
.history-chart caption {text-align:left;padding:.8rem;overflow-wrap:anywhere}