/* HSIMC historical infrastructure R&D · additive local stylesheet */
.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.history-card{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px;background:rgba(255,255,255,.025)}
.history-card h3{margin:.55rem 0 .7rem}
.flag{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.note{margin-top:22px;padding:16px 18px;border-left:3px solid currentColor;background:rgba(255,255,255,.035)}
.timeline{display:grid;gap:18px;margin-top:28px}
.timeline>article{display:grid;grid-template-columns:minmax(190px,.34fr) minmax(0,1.66fr);column-gap:26px;row-gap:8px;padding:24px 0;border-top:1px solid rgba(255,255,255,.13)}
.timeline>article h3,.timeline>article p,.timeline>article small{grid-column:2}
.timeline .milestone{grid-row:1/6;display:flex;gap:14px;align-items:flex-start}
.milestone b{font-size:2.4rem;line-height:1;letter-spacing:-.04em}
.milestone span{font-size:.74rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;opacity:.72}
.timeline small{letter-spacing:.05em;opacity:.72}
.mapping{display:grid;gap:1px;margin-top:26px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.1)}
.mapping article{display:grid;grid-template-columns:minmax(190px,.65fr) 38px minmax(0,1.35fr);gap:12px;align-items:start;padding:18px;background:#0b0d10}
.mapping article>span{text-align:center;opacity:.45}
.mapping p{margin:0}
.legacy-strip{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.legacy-strip code{padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04)}
.evidence-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.evidence-columns article{padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:16px}
.source-hash{margin:24px 0;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;display:grid;gap:8px}
.source-hash span{font-size:.72rem;letter-spacing:.14em;opacity:.7}
.source-hash code{overflow-wrap:anywhere}
.source-hash small{opacity:.7}
@media(max-width:800px){
 .history-grid,.evidence-columns{grid-template-columns:1fr}
 .timeline>article{grid-template-columns:1fr}
 .timeline>article h3,.timeline>article p,.timeline>article small{grid-column:1}
 .timeline .milestone{grid-row:auto}
 .mapping article{grid-template-columns:1fr}
 .mapping article>span{text-align:left}
}