
:root{--bg:#f8f7f3;--panel:#f8f7f3;--border:#d4d6cd;--text:#292b29;--muted:#626860;--gold:#52644c}body{font-family:Arial,Helvetica,'PingFang SC',sans-serif;color:#292b29}main{padding:0 44px}h1,h2{font-family:Georgia,'Songti SC',serif;letter-spacing:-.025em;font-weight:400}h1{font-size:42px}.intro{margin:32px 0 28px}.eyebrow{color:#626860;letter-spacing:1px}.subheading{font-size:16px}.decade{color:#52644c;font-family:Georgia,serif}.decade small{letter-spacing:1px}.observatory{grid-template-columns:minmax(0,1fr) 320px;gap:34px}.sky-panel{border:0;border-radius:0;color:#e7eae7;--muted:#aab8c1;--gold:#d5c7a7;--border:#35434b}.sky-head,.sky-tools{background:#15212b}.sky-tools .play{background:#d5c7a7;border-radius:0}.canvas-wrap{height:415px}.simulation-label{border:0;padding:0;font-size:11px}.sky-head{padding:15px 18px}.scene-note{background:#15212b;font-size:11px}.event-detail{padding:0}.event-detail h2{font-size:26px;letter-spacing:0;line-height:1.4}.event-detail>p:not(.detail-date){color:#50574e}.event-kind span{color:#52644c;border:0;padding:0}.detail-date{color:#52644c}.metrics{margin:17px 0;padding:12px 0}.metrics strong{font-size:16px}.visibility{background:transparent;border:0;border-left:2px solid #9eae93;border-radius:0;padding:2px 0 2px 12px}.visibility-icon{display:none}.visibility strong{color:#4e6248}.visibility p{color:#626860}.source-link{border-color:#a9b5a0;color:#52644c}.years{border-radius:0}.year.active{background:#e7ebe2;color:#52644c}.timeline-key{color:#626860}.filters button{border-radius:0}.filters button.active{background:#e7ebe2;color:#52644c}.event-list{display:block;margin:0}.event-card{display:grid;grid-template-columns:120px 95px minmax(0,1fr);width:100%;gap:5px 20px;background:transparent;border:0;border-bottom:1px solid #d4d6cd;border-radius:0;padding:17px 10px;align-items:center}.event-card.selected{background:#e7ebe2;border-color:#a3b197}.event-card:hover{background:#eeefe9}.event-card h3{font-size:15px;margin:0;letter-spacing:0;font-family:Arial,Helvetica,sans-serif}.event-card p{grid-column:3;font-size:12px}.event-card .card-type{float:none;color:#52644c;font-size:12px}.event-card .card-icon{color:#52644c;font-size:16px}.event-card .card-date{font-size:12px}.perspective{background:transparent!important;border-color:#d4d6cd!important;color:#50574e!important}footer{border-top:1px solid #d4d6cd;margin-top:35px}footer span{color:#626860;letter-spacing:0}dialog{background:#f8f7f3;color:#292b29;border:1px solid #b5bcb0;border-radius:0;box-shadow:0 20px 60px #0002}dialog p,dialog li{color:#50574e!important}dialog h2{font-size:28px}dialog a{color:#52644c}.dialog-top .eyebrow{color:#626860}dialog::backdrop{backdrop-filter:none;background:#17221766}.method-note{background:#e7ebe2!important;border-color:#a3b197!important}.quiet{color:#626860}.sky-panel .quiet{color:#d2d8db}.topbar-actions{gap:15px}
@media(max-width:1000px){.observatory{grid-template-columns:1fr}.event-detail{padding:20px 0}.event-detail h2{font-size:30px}.canvas-wrap{height:400px}.intro{gap:20px}.decade{font-size:23px}.event-detail>p:not(.detail-date){max-width:850px}}
@media(max-width:600px){main{padding:0 24px}.intro{margin:24px 0;display:block}h1{font-size:34px}.eyebrow span{display:block;margin-left:0}.decade{display:none}.canvas-wrap{height:340px}.sky-head{align-items:flex-start;gap:10px}.head-actions{flex-direction:column;align-items:flex-end}.sky-head strong{font-size:12px}.simulation-label{white-space:normal;max-width:150px;text-align:right}.sky-tools{flex-wrap:wrap;padding:12px;gap:10px}.scrub{order:3;flex-basis:100%}.year{font-size:14px}.years{grid-template-columns:repeat(5,1fr)}.year:nth-child(5){border-right:0}.year:nth-child(-n+5){border-bottom:1px solid #d4d6cd}.section-head{display:block}.archive-head{display:block}.filters{flex-wrap:wrap;margin-bottom:10px}.filters button{font-size:12px;padding:7px 8px}.event-card{grid-template-columns:85px minmax(0,1fr);gap:6px 12px}.event-card h3,.event-card p{grid-column:1/3}.event-card .card-type{text-align:right}.timeline-key{gap:12px;justify-content:flex-start;flex-wrap:wrap}.sky-caption{font-size:12px}.view-label{font-size:11px;max-width:80%}.research-header nav{gap:10px 18px}footer{align-items:flex-start;flex-direction:column;gap:8px}}
