/* IDS archive hub system */
.archive-hub-page{
  background:
    radial-gradient(circle at 82% 7%,rgba(121,39,47,.12),transparent 27%),
    radial-gradient(circle at 12% 26%,rgba(84,111,132,.09),transparent 31%),
    #050609;
}
.archive-hub-page .article-hero{
  max-width:1480px;
  margin:0 auto;
  padding:52px 22px 34px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:0;
  align-items:stretch;
}
.archive-hub-page .article-hero-image{
  min-height:430px;
  border:1px solid rgba(255,255,255,.1);
  background-color:#080c11;
  background-position:center;
  background-size:cover;
}
.archive-hub-page .article-hero-copy{
  min-width:0;
  padding:38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(255,255,255,.1);
  border-left:0;
  background:linear-gradient(145deg,#111923,#080b10);
}
.archive-hub-page .article-hero-copy h1{
  max-width:none;
  margin:8px 0 16px;
  color:#f1f4f6;
  font:900 clamp(3.4rem,6.3vw,6.5rem)/.88 "Arial Narrow",Impact,sans-serif;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.archive-hub-page .article-hero-copy .article-dek{
  max-width:700px;
  margin:0;
  color:#b8c2ca;
  font-size:1.02rem;
  line-height:1.66;
}
.archive-hub-page .article-hero-copy .byline{
  margin-top:18px;
  color:#72808c;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.archive-hub-page .archive-link-band,
.archive-hub-page .character-tools-band{
  max-width:1480px;
  margin:0 auto;
  padding:54px 22px;
}
.archive-hub-page .archive-link-band>div:first-child{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:18px;
}
.archive-hub-page .archive-link-band>div:first-child h2,
.archive-hub-page .character-tools-band h2{
  margin:6px 0 0;
  color:#f0f3f5;
  font:900 clamp(2.5rem,4.8vw,4.7rem)/.92 "Arial Narrow",Impact,sans-serif;
  text-transform:uppercase;
}
.archive-hub-page .archive-link-band>div:first-child>.article-dek{
  max-width:620px;
  margin:0;
  color:#9eabb5;
  text-align:right;
  line-height:1.55;
}
.archive-hub-page .intro-note{
  margin:0 0 22px;
  padding:14px 16px;
  border-left:3px solid #627888;
  background:#0a1016;
  color:#95a2ad;
  line-height:1.58;
}
.archive-hub-page .archive-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.archive-hub-page .archive-link-card{
  min-height:235px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(145deg,#0e151e,#080b10);
  color:#edf1f4;
  text-decoration:none;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.archive-hub-page .archive-link-card:hover,
.archive-hub-page .archive-link-card:focus-visible{
  transform:translateY(-2px);
  border-color:#7f8d98;
  background:linear-gradient(145deg,#131c26,#0b1016);
}
.archive-hub-page .archive-link-card .meta{
  color:#75838f;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.archive-hub-page .archive-link-card h3{
  margin:9px 0 10px;
  color:#f0f3f5;
  font:900 1.75rem/1 "Arial Narrow",Impact,sans-serif;
  text-transform:uppercase;
}
.archive-hub-page .archive-link-card p{
  color:#9eabb5;
  font-size:.88rem;
  line-height:1.52;
}
.archive-hub-page .archive-link-card b{
  margin-top:18px;
  color:#d9e0e5;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.archive-hub-page .archive-number{
  color:#667682;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.11em;
}
.archive-hub-page .character-filter-panel,
.archive-hub-page .lore-filter-panel{
  margin:18px 0 22px;
  padding:18px;
  border:1px solid rgba(255,255,255,.1);
  background:#090e14;
}
.archive-hub-page .character-filter-heading,
.archive-hub-page .lore-filter-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:13px;
}
.archive-hub-page .character-filter-help,
.archive-hub-page .lore-filter-help{
  margin:5px 0 0;
  color:#7e8c97;
  font-size:.78rem;
}
.archive-hub-page .character-filter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.archive-hub-page .character-filter-grid label{
  display:grid;
  gap:6px;
  color:#798793;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.archive-hub-page .character-filter-grid input,
.archive-hub-page .character-filter-grid select{
  width:100%;
  min-height:44px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:0;
  outline:none;
  background:#070b10;
  color:#e7ecef;
}
.archive-hub-page .character-filter-grid input:focus,
.archive-hub-page .character-filter-grid select:focus{
  border-color:#718695;
  box-shadow:0 0 0 2px rgba(113,134,149,.13);
}
.archive-hub-page .character-filter-reset{
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.14);
  background:#0d141b;
  color:#cfd7dd;
  cursor:pointer;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.archive-hub-page .character-filter-count,
.archive-hub-page .lore-filter-count{
  margin:13px 0 0;
  color:#75848f;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.archive-hub-page .lore-filter-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.archive-hub-page .lore-filter-button{
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.13);
  background:#080d12;
  color:#aab5bd;
  cursor:pointer;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.archive-hub-page .lore-filter-button.is-active,
.archive-hub-page .lore-filter-button:hover{
  border-color:#8a3b43;
  background:rgba(138,59,67,.12);
  color:#eef2f4;
}
.archive-hub-page .guide-table{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.archive-hub-page .guide-table>div{
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  background:#090e14;
}
.archive-hub-page .guide-table strong{
  display:block;
  color:#e4e9ed;
  text-transform:uppercase;
}
.archive-hub-page .guide-table span{
  display:block;
  margin-top:7px;
  color:#8997a2;
  font-size:.84rem;
  line-height:1.5;
}
.archive-hub-page .character-tools-band{
  padding-top:28px;
}
.archive-hub-page .character-tool-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.archive-hub-page .character-tool-card{
  min-height:190px;
  padding:20px;
  border:1px solid rgba(255,255,255,.09);
  background:#0b1118;
}
.archive-hub-page .article-layout{
  max-width:1480px;
}
@media(max-width:1080px){
  .archive-hub-page .article-hero{grid-template-columns:1fr}
  .archive-hub-page .article-hero-copy{border-left:1px solid rgba(255,255,255,.1);border-top:0}
  .archive-hub-page .archive-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-hub-page .character-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .archive-hub-page .article-hero{padding:36px 14px 24px}
  .archive-hub-page .article-hero-image{min-height:280px}
  .archive-hub-page .article-hero-copy{padding:27px 22px}
  .archive-hub-page .article-hero-copy h1{font-size:clamp(3rem,16vw,5rem)}
  .archive-hub-page .archive-link-band,
  .archive-hub-page .character-tools-band{padding:44px 14px}
  .archive-hub-page .archive-link-band>div:first-child,
  .archive-hub-page .character-filter-heading,
  .archive-hub-page .lore-filter-heading{align-items:start;flex-direction:column}
  .archive-hub-page .archive-link-band>div:first-child>.article-dek{text-align:left}
  .archive-hub-page .archive-link-grid,
  .archive-hub-page .character-filter-grid,
  .archive-hub-page .character-tool-grid,
  .archive-hub-page .guide-table{grid-template-columns:1fr}
}