.open-history{padding-top:26px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.history-heading h2{font-size:clamp(1.4rem,2.1vw,2rem);letter-spacing:-.025em;line-height:1.3}
.history-heading p{font-size:.82rem;color:#53675e;margin:5px 0 0;line-height:1.5}
.history-instruction{font-size:.75rem;color:#53675e;white-space:nowrap}
.history-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:17px 0 0;list-style:none}
.history-rail li{position:relative;min-width:0}
.history-rail li:not(:last-child):after{content:"";position:absolute;top:40px;left:50%;width:100%;border-top:1px solid #b9bda9;pointer-events:none}
.history-rail li:nth-last-child(2):after{border-top-style:dashed;border-top-color:var(--gold)}
.history-step{position:relative;z-index:1;width:100%;min-height:110px;padding:0 8px 10px;display:flex;flex-direction:column;align-items:center;background:none;border:0;text-align:center}
.history-year{font-family:var(--serif);font-size:1.5rem;line-height:28px;font-variant-numeric:tabular-nums}
.history-dot{width:9px;height:9px;background:var(--paper);border:1px solid #58736b;border-radius:50%;margin:8px 0 11px;box-shadow:0 0 0 5px var(--paper);transition:background .2s,box-shadow .2s}
.history-name{font-size:.81rem;font-weight:600;line-height:1.4}
.history-tag{font-size:.69rem;color:#53675e;line-height:1.5;margin-top:3px}
.history-step:hover .history-dot,.history-step[aria-expanded="true"] .history-dot{background:var(--ink);box-shadow:0 0 0 5px #e4e5d7}
.history-step[aria-expanded="true"] .history-name{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.history-future .history-year{color:#7e5d28}
.history-future .history-dot{border-color:#8b692e;background:#b19054;box-shadow:0 0 0 5px #eee5d2}
.history-future .history-name{letter-spacing:.025em}
.history-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#e9ecdf,#f3eddf);border:1px solid #d0d5c1;border-radius:3px;margin:12px 0 0;padding:28px 36px}
.history-watermark{position:absolute;right:18px;bottom:-22px;font-family:var(--serif);font-size:clamp(5rem,16vw,13rem);color:#526b6010;z-index:-1;line-height:1;pointer-events:none}
.history-story{max-width:850px}
.history-story .eyebrow{font-size:.7rem;margin:0 0 8px;color:#5d6a50}
.history-story h3{font-size:clamp(1.5rem,2.5vw,2.1rem);margin-bottom:12px}
.history-story>p:not(.eyebrow){font-size:.95rem;line-height:1.8;margin:0 0 12px}
.history-source{display:inline-flex;align-items:center;gap:12px;font-size:.8rem;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.history-actions{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cad0bd;margin-top:12px;padding-top:10px}
.history-actions button{min-height:44px;padding:9px 15px;border:1px solid #8e9f8c;background:transparent;font-size:.82rem}
.history-actions .history-next{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.history-actions button:hover{filter:brightness(.92)}
.history-note{font-size:.68rem;line-height:1.6;color:#61716a;margin:9px 0 0}
@media(max-width:760px){
 .open-history{padding-top:20px;padding-bottom:10px}
 .history-heading{display:block}.history-instruction{display:block;font-size:.68rem;margin-top:8px}
 .history-heading h2{font-size:1.4rem}.history-heading p{font-size:.75rem}
 .history-rail{margin-top:14px}.history-step{padding:0 3px 7px;min-height:101px}
 .history-year{font-size:1.18rem}.history-name{font-size:.66rem;overflow-wrap:anywhere}
 .history-tag{display:none}.history-panel{padding:22px 18px}.history-story>p:not(.eyebrow){font-size:.88rem}
 .history-note{font-size:.64rem}
}
@media(prefers-reduced-motion:reduce){.history-dot{transition:none}}