/* Imperial Dark Sector historical atlas: black surfaces, image-led eras,
   readable timeline dossiers, and responsive chronology navigation. */
.timeline-hub-page{background:#050608;color:#e9edf0}
.timeline-hub-page .article-layout{position:relative}
.timeline-hub-page .timeline-frontier{padding:1.35rem;margin:1.3rem 0;border:1px solid #49545e;border-radius:14px;background:#0b1016}
.timeline-hub-page .timeline-frontier h2{margin-top:0}
.timeline-hub-page .timeline-date-note{padding:1.05rem 1.3rem;margin:1.2rem 0;border-left:3px solid #a7b5c1;border-radius:0 8px 8px 0;background:#0d151e;color:#d7e0e6;line-height:1.65}
.timeline-hub-page .timeline-date-note a{color:#d2e5fa}
.ids-history-launch{max-width:1480px;margin:0 auto;padding:24px 22px 44px}
.ids-history-launch-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:21px}
.ids-history-launch-heading h2{font:900 clamp(1.95rem,3vw,3.3rem)/1.05 "Arial Narrow",Impact,system-ui,sans-serif;text-transform:uppercase;margin:6px 0 0;color:#f2f6f9}
.ids-history-launch-heading p{max-width:480px;color:#b5c0c9;line-height:1.6;margin:0}
.ids-track-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 21px}
.ids-track-button{cursor:pointer;padding:10px 19px;border-radius:30px;border:1px solid #51606a;background:#0a0e13;color:#d1dbe2;font:800 .8rem/1.2 system-ui,sans-serif;letter-spacing:.04em}
.ids-track-button[aria-pressed=true]{background:#d9e3ea;color:#0a0f13;border-color:#d9e3ea}
.ids-track-button:hover,.ids-track-button:focus-visible{border-color:#f0f5f8;outline-offset:3px}
.ids-history-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.ids-history-launch-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:310px;overflow:hidden;border:1px solid #394955;border-radius:14px;background:#0c1219;color:#f2f5f7;text-decoration:none;isolation:isolate;transition:transform .18s,border-color .18s,box-shadow .18s}
.ids-history-launch-card[hidden],.ids-chapter[hidden],.ids-chapter-more[hidden],.ids-chapter-empty[hidden]{display:none!important}
.ids-history-launch-card:hover,.ids-history-launch-card:focus-visible{transform:translateY(-3px);border-color:#c7d5de;box-shadow:0 9px 25px rgba(0,0,0,.35);outline-offset:3px}
.ids-path-image{display:block;height:162px;overflow:hidden;background:#10151b}
.ids-path-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85) contrast(1.06);transition:transform .2s}
.ids-history-launch-card:hover .ids-path-image img{transform:scale(1.025)}
.ids-path-copy{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px 20px 19px}
.ids-path-meta{font:850 .7rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#aebbc5}
.ids-path-copy strong{font:900 clamp(1.32rem,2vw,1.8rem)/1.13 "Arial Narrow",Impact,system-ui,sans-serif;text-transform:uppercase;color:#fff}
.ids-path-description{font-size:.84rem;line-height:1.55;color:#bfcbd4}
.ids-path-link{margin-top:auto;padding-top:13px;color:#d9e9f5;font-weight:850;font-size:.79rem}
.ids-path-noimage{background:radial-gradient(ellipse at 76% 16%,#25313c 0,#101720 42%,#06090d 78%);border-style:solid}
.ids-path-noimage::before{content:"";position:absolute;top:17px;right:17px;width:130px;height:130px;border-radius:50%;border:1px solid rgba(214,226,235,.19);box-shadow:0 0 0 24px rgba(214,226,235,.025),0 0 0 48px rgba(214,226,235,.022);pointer-events:none}
.ids-path-noimage .ids-path-copy{min-height:308px;position:relative;z-index:1;justify-content:flex-end}
.ids-art-note{font-size:.75rem;color:#98a9b5;line-height:1.55;margin:13px 0 0}
.ids-chapter-library{margin:34px 0 42px;scroll-margin-top:105px}
.ids-chapter-library-header h2{font:900 clamp(1.85rem,3vw,3rem)/1 "Arial Narrow",Impact,system-ui,sans-serif;text-transform:uppercase;margin:0 0 12px}
.ids-chapter-library-header p{color:#b5c2cd;font-size:.9rem;line-height:1.6;max-width:790px;margin:0}
.ids-chapter-filters{display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(2,minmax(160px,1fr));gap:10px;margin:22px 0 8px}
.ids-chapter-search,.ids-chapter-select{min-width:0;width:100%;min-height:47px;border:1px solid #5b6c78;background:#0d151e;color:#eaf1f6;border-radius:8px;padding:10px 13px;font:inherit;font-size:.85rem}
.ids-chapter-search:focus-visible,.ids-chapter-select:focus-visible{outline:2px solid #e4f0f8;outline-offset:2px}
.ids-chapter-status{font-size:.76rem;color:#a7b7c3;margin:13px 0 17px}
.ids-chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start}
.ids-chapter{min-width:0;margin:0!important;border:1px solid #374754;border-radius:12px;background:#0c141c;overflow:hidden}
.ids-chapter[open]{grid-column:span 2;border-color:#9cb0c0;background:#101b26}
.ids-chapter summary{display:flex;flex-direction:column;gap:11px;min-height:143px;cursor:pointer;padding:20px 21px;list-style:none}
.ids-chapter summary::-webkit-details-marker{display:none}
.ids-chapter summary:focus-visible{outline:2px solid #ecf6fb;outline-offset:-4px}
.ids-chapter-kicker{font:900 .69rem/1.3 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a8bcc9}
.ids-chapter summary strong{font:850 clamp(1.15rem,1.6vw,1.5rem)/1.22 "Arial Narrow",Impact,system-ui,sans-serif;color:#f0f5f8}
.ids-chapter summary small{margin-top:auto;font-size:.75rem;color:#a2b2be}
.ids-chapter summary::after{content:"OPEN CHAPTER +";font-size:.65rem;font-weight:900;letter-spacing:.08em;color:#cadde9}
.ids-chapter[open] summary::after{content:"CLOSE CHAPTER −"}
.ids-chapter-body{padding:0 21px 22px;border-top:1px solid #354654}
.ids-chapter-body>p{color:#c6d3dd;line-height:1.67;margin:17px 0}
.ids-chapter-body ol,.ids-chapter-body ul{list-style:none!important;margin:14px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;columns:auto!important}
.ids-chapter-body li{break-inside:avoid;margin:0!important;padding:0!important;background:#080f16;border:1px solid #293d4e;border-radius:8px}
.ids-chapter-body li a{display:block;padding:12px 14px!important;font-size:.87rem;line-height:1.5;text-decoration:none;color:#dfe9f0}
.ids-chapter-body li a:hover,.ids-chapter-body li a:focus-visible{background:#1b2c3b;color:#fff;text-decoration:underline}
.ids-chapter-body li:not(:has(a)){padding:12px 14px;color:#bfd0dc}
.ids-chapter-more{display:block;margin:24px auto 0;padding:12px 25px;border-radius:8px;border:1px solid #8fa3b2;background:#13202c;color:#f3f7fa;cursor:pointer;font:900 .76rem/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.ids-chapter-more:hover,.ids-chapter-more:focus-visible{background:#25394a;border-color:#eef5f9}
.ids-chapter-empty{color:#cad3d9;grid-column:1/-1}
.timeline-hub-page .timeline-longform>.timeline-research-path{padding:22px!important;background:#0b121a!important;border-color:#3b4d5d!important}
.timeline-hub-page .timeline-longform>ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0}
.timeline-hub-page .timeline-longform>ol li{margin:0;border:1px solid #374958;border-radius:8px;padding:12px 14px;background:#0d1923}
@media(max-width:1100px){.ids-history-launch-grid,.ids-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.ids-history-launch{padding:18px 14px 30px}.ids-history-launch-heading{display:block}.ids-history-launch-heading p{margin-top:12px}.ids-chapter-filters{grid-template-columns:1fr}.ids-chapter-grid{grid-template-columns:1fr}.ids-chapter[open]{grid-column:span 1}.ids-chapter-body ol,.ids-chapter-body ul{grid-template-columns:1fr!important}.ids-history-launch-grid{grid-template-columns:1fr 1fr}.ids-path-copy{padding:15px}.ids-path-image{height:135px}.timeline-hub-page .timeline-longform>ol{grid-template-columns:1fr}}
@media(max-width:510px){.ids-history-launch-grid{grid-template-columns:1fr}.ids-history-launch-card{min-height:0}.ids-path-image{height:185px}.ids-path-noimage .ids-path-copy{min-height:205px}.ids-chapter summary{min-height:125px}.ids-track-button{flex:1;padding:11px 7px}}
@media(prefers-reduced-motion:reduce){.ids-history-launch-card,.ids-path-image img{transition:none}.ids-history-launch-card:hover,.ids-history-launch-card:focus-visible{transform:none}}
