.chronicle{background:radial-gradient(ellipse at top,#25303d,#0b111b 55%);color:#e6e8ed;min-height:100vh}.chronicle-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(5vw,20px);border-bottom:1px solid #b8944d55}.chronicle-header .brand{font:700 30px Georgia;color:#e0bd75;text-decoration:none}.chronicle-header small{display:block;font:10px system-ui;letter-spacing:3px}.chronicle-header nav{display:flex;flex-wrap:wrap;gap:20px}.chronicle a{color:#e0bd75}.chronicle main{max-width:1340px;margin:auto;padding:48px 24px}.chronicle h1,.chronicle h2,.chronicle h3{font-family:Georgia,serif;color:#edca85}.chronicle h1{font-size:clamp(36px,5vw,64px);margin:14px 0}.intro{max-width:760px;line-height:1.7;color:#c3cbd9}.chronicle-grid{display:grid;grid-template-columns:290px 1fr;gap:24px;margin-top:32px}.chronicle-grid aside,.chronicle-grid section{border:1px solid #b8944d55;border-radius:14px;padding:24px;background:#0d1521e8;min-width:0}.chronicle button,.chronicle select{font:inherit;color:#eed6aa;background:#263043;border:1px solid #bb9956;border-radius:6px;padding:10px;cursor:pointer}.chronicle select{width:100%;margin:10px 0 18px}.run-choice{width:100%;text-align:left;display:block;margin:8px 0}.run-choice[aria-pressed=true]{background:#4d3a24}.run-choice small{display:block;color:#e0e6ef;line-height:1.6}.chronicle-metrics{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.metric{border:1px solid #46546b;border-radius:6px;padding:12px;color:#e0e6ef}.metric strong{display:block;font-size:24px;color:#edca85}.chronicle figure{margin:24px 0}#route-map{width:100%;background:#070c14;border:1px solid #44536c;border-radius:8px}#route-map text{font:14px system-ui;fill:#c6d3e7}.chronicle figcaption,.notice{font-size:14px;line-height:1.7;color:#bac7d9}.chronicle input[type=range]{width:100%;accent-color:#d8aa58;margin:14px 0}.chronicle table{border-collapse:collapse;width:100%;font-size:14px}.chronicle th,.chronicle td{padding:10px 6px;border-bottom:1px solid #37455a;text-align:left}.chronicle li{margin:8px 0;color:#d0d9e8}.chronicle footer{display:flex;gap:24px;justify-content:center;padding:28px;border-top:1px solid #b8944d55}#timeline{max-height:360px;overflow:auto;padding-left:24px}@media(max-width:850px){.chronicle-grid{grid-template-columns:1fr}.chronicle-header{align-items:flex-start;flex-direction:column}.chronicle main{padding:30px 16px}.chronicle-grid aside,.chronicle-grid section{padding:18px}.chronicle table{font-size:12px}.chronicle footer{flex-wrap:wrap}}