/* Archive Neon UI (brand: red, black, yellow, white) */
:root{
  --neon-bg:#0a0a09;
  --neon-ink:#ffffff;
  --neon-red:#ff3b2e; /* brand red */
  --neon-yellow:#ffd166; /* brand yellow */
  --neon-border:#2a2a28;
}

.archive-page.neon-archive{
  background:var(--neon-bg);
  color:var(--neon-ink);
}

/* Hero */
.archive-hero{margin:24px 0 8px;text-align:center}
.archive-hero-title{
  font-size: clamp(28px,6.5vw,84px);
  font-weight: 800;
  line-height: .95;
  color: var(--neon-red);
  text-shadow: 0 0 6px rgba(255,59,46,.45), 0 0 18px rgba(255,59,46,.25);
  letter-spacing:-1px;
}

/* Filter tabs */
.archive-filters{margin:16px 0 8px}
.context-bar{display:none}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.tab{
  background:rgba(255,255,255,.03);border:1px solid var(--neon-border);color:#e8dccf;
  border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700
}
.tab.is-active{border-color:var(--neon-red);box-shadow:0 0 10px rgba(255,59,46,.35);color:#fff;background:rgba(255,59,46,.08)}
.clear-filter{margin-left:6px;background:transparent;border:1px dashed var(--neon-border);color:#9aa0a6;border-radius:999px;padding:8px 12px;cursor:pointer}
.clear-filter:not([hidden]){box-shadow:0 0 6px rgba(255,209,102,.2)}
.filter-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.filter-chips[hidden]{display:none !important}
.filter-chips button{
  background:rgba(255,255,255,.04);border:1px solid var(--neon-border);color:#e8dccf;
  border-radius:999px;padding:8px 12px;cursor:pointer
}
.filter-chips button.is-active{border-color:var(--neon-yellow);box-shadow:0 0 10px rgba(255,209,102,.4);color:#fff}

/* Vertical grouped layout */
.issue-collection{display:block;margin:18px 0 8px}
.month-section{margin:24px 0 40px}
.month-header{position:sticky;top:6px;z-index:1;background:linear-gradient(180deg, rgba(10,10,9,.92), rgba(10,10,9,.82));backdrop-filter:saturate(115%) blur(4px);border:1px solid var(--neon-border);border-radius:10px;padding:8px 12px;margin-bottom:6px;color:#ffd3c9;box-shadow:0 0 8px rgba(255,59,46,.15)}
.month-title{margin:0;font-weight:800;letter-spacing:-.25px}
.month-title.is-context{color:#ffd3c9}
.month-sub{margin:2px 0 12px;color:#cbbfb2;font-size:13px}
.month-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(16px,2.5vw,22px)}
.month-section.is-hidden{display:none}
.issue-card{
  background:#111;border:1px solid var(--neon-border);border-radius:12px;overflow:hidden;padding:14px;position:relative;
  transition:transform .2s ease, box-shadow .2s ease;border-color:#2a2a28;
  display:flex;flex-direction:column
}
.issue-card:hover{transform:translateY(-3px);box-shadow:0 0 18px rgba(255,59,46,.35)}
.issue-month{font-weight:700;margin:4px 4px 10px;color:#e8dccf}
.issue-media{display:block;aspect-ratio:16/9;background-size:cover;background-position:center;border-radius:8px;border:1px solid #1e1e1c;flex:0 0 auto}
.issue-meta{padding:14px 6px 8px;display:flex;flex-direction:column;flex:1 1 auto}
.issue-label{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#ffefe6;margin-bottom:6px;opacity:.7}
.issue-subject{font-size:28px;line-height:1.1;margin:0 0 10px;color:#fff;font-weight:900}
.issue-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.issue-chips .chip{display:inline-block;padding:6px 12px;border:1px solid #3a3a38;border-radius:999px;color:#ffefe6;background:rgba(255,255,255,.03)}
.issue-excerpt{color:#e8dccf;opacity:.85;line-height:1.45;margin:8px 0 6px}
.read-issue{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;background:var(--neon-yellow);color:#111;font-weight:800;border:none;border-radius:999px;padding:10px 14px;text-decoration:none;align-self:flex-start}
.read-issue:hover{box-shadow:0 0 14px rgba(255,209,102,.45)}

/* Timeline */
.archive-timeline{margin:28px 0 60px}
.timeline-months{display:flex;gap:6px;justify-content:center;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.timeline-months button{background:transparent;border:1px solid var(--neon-border);color:#e8dccf;border-radius:6px;padding:8px 10px;cursor:pointer}
.timeline-months button.has-issue{border-color:var(--neon-red);color:#fff}
.timeline-months button.is-active{border-color:var(--neon-yellow);box-shadow:0 0 12px rgba(255,209,102,.45);color:#111;background:var(--neon-yellow)}

/* Hidden/Dim utils */
.issue-card.is-dim{opacity:.25;filter:grayscale(.2)}
.issue-card.is-hidden{display:none !important}

@media (max-width:600px){.issue-subject{font-size:22px}}