/* Imperial Dark Sector / Timeline discovery atlas */
html:has(.ids-dir-wrap){background:#050609}
body:has(.ids-dir-wrap){background:#050609;color:#ecf1f5}
.ids-dir-wrap{max-width:1480px!important;margin:0 auto!important;padding:30px 22px 65px!important}
.ids-dir-intro{position:relative!important;padding:42px clamp(22px,4vw,54px)!important;border:1px solid #384c60!important;border-radius:16px!important;background:linear-gradient(120deg,#17293a,#0d1620 62%,#070b10)!important;overflow:hidden}
.ids-dir-intro:before{content:"";position:absolute;width:370px;height:370px;right:-190px;top:-140px;border:1px solid rgba(181,205,220,.1);border-radius:50%;box-shadow:0 0 0 58px rgba(149,175,191,.023),0 0 0 120px rgba(149,175,191,.019);pointer-events:none}
.ids-dir-intro h1{max-width:820px;margin:10px 0 18px!important;font:900 clamp(2.6rem,5vw,5.8rem)/.93 "Arial Narrow",Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase}
.ids-dir-intro>p:not(.section-tag){max-width:880px;color:#b2c2cd;line-height:1.7}
.ids-dir-intro a{color:#e0eaf0}
#ids-directory-metrics{font-size:.85rem!important;color:#96a9b9!important;margin:22px 0 0!important;border-top:1px solid #344758;padding-top:15px}
.ids-dir-era-heading{margin:38px 0 16px}
.ids-dir-era-heading h2{font:900 clamp(1.85rem,3vw,3rem)/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;margin:0 0 7px}
.ids-dir-era-heading p{color:#a2b3bf;margin:0}
.ids-dir-era-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 26px}
.ids-dir-era-grid button{min-width:0;min-height:113px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;gap:8px;padding:15px 16px;background:linear-gradient(150deg,#142638,#0c151e);border:1px solid #33495c;border-radius:10px;color:#e3edf4;cursor:pointer;transition:.16s ease}
.ids-dir-era-grid button strong{font:850 1rem/1.15 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.ids-dir-era-grid button span{font-size:.68rem;line-height:1.5;color:#94a8b8}
.ids-dir-era-grid button:hover,.ids-dir-era-grid button:focus-visible{border-color:#d1e0e9;background:#1d3548}
.ids-dir-era-grid button[aria-pressed="true"]{border-color:#c6d7e4;background:#254158;box-shadow:inset 0 0 0 1px #67849c}
.ids-dir-controls{display:grid!important;grid-template-columns:minmax(260px,1.5fr) minmax(160px,.7fr) minmax(210px,.9fr)!important;gap:13px!important;padding:18px!important;margin:16px 0!important;background:#0d1520;border:1px solid #354c60;border-radius:11px}
.ids-dir-controls label{font-size:.75rem;font-weight:800;color:#b8c8d4}
.ids-dir-controls input,.ids-dir-controls select{background:#090f16!important;border:1px solid #526b7f!important;border-radius:7px!important;color:#e8eef3!important}
.ids-dir-controls input:focus,.ids-dir-controls select:focus{outline:2px solid #c1d1dc;outline-offset:2px}
.ids-dir-summary{font-size:.85rem;color:#9eb0bd;margin:5px 0 22px}
.ids-dir-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
.ids-dir-entry{position:relative;min-width:0;min-height:226px;display:flex;flex-direction:column;gap:12px;padding:22px!important;overflow:hidden;border:1px solid #32495c!important;border-radius:12px!important;background:linear-gradient(155deg,#142537 0%,#0e1721 58%,#090e15 100%)!important;transition:border-color .2s,transform .2s}
.ids-dir-entry:before{content:"";position:absolute;right:-64px;top:-64px;width:180px;height:180px;border:1px solid rgba(187,212,227,.09);border-radius:50%;pointer-events:none}
.ids-dir-entry:hover,.ids-dir-entry:focus-within{border-color:#a9c3d3!important;transform:translateY(-2px)}
.ids-dir-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ids-dir-card-head span{color:#a8becd;font-size:.64rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.ids-dir-card-head .ids-dir-date{color:#e2edf3;border:1px solid #52697c;border-radius:4px;padding:4px 8px;background:rgba(144,170,188,.08)}
.ids-dir-entry h2{font:850 clamp(1.15rem,1.5vw,1.55rem)/1.22 "Arial Narrow",Impact,sans-serif!important;margin:3px 0!important;letter-spacing:-.005em}
.ids-dir-entry h2 a{color:#f0f5f8;text-decoration:none}
.ids-dir-entry h2 a:hover,.ids-dir-entry h2 a:focus-visible{text-decoration:underline}
.ids-dir-excerpt{color:#aabcc9;font-size:.83rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ids-dir-card-foot{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:15px;border-top:1px solid #2d4253;color:#99adbb;font-size:.7rem}
.ids-dir-open{color:#ebf2f6;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.ids-dir-evidence{font-size:.69rem!important;color:#93a7b6}
.ids-dir-more{padding:12px 25px!important;border-radius:7px!important;background:#172c3f!important;border:1px solid #8ba8ba!important;color:#fff!important;font-size:.77rem;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase}
.ids-dir-foot{margin:45px 0 0!important;padding:25px!important;border:1px solid #41566a!important;border-left:4px solid #aabfd1!important;border-radius:10px;background:#111f2e!important}
@media(max-width:1200px){.ids-dir-era-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ids-dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){.ids-dir-wrap{padding:16px 14px 45px!important}.ids-dir-intro{padding:26px 20px!important}.ids-dir-era-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ids-dir-controls{grid-template-columns:1fr!important}.ids-dir-grid{grid-template-columns:1fr!important}}
@media(max-width:480px){.ids-dir-era-grid button{padding:12px;min-height:100px}.ids-dir-era-grid button strong{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.ids-dir-entry,.ids-dir-era-grid button{transition:none}}
