.archive-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-right: 42px;
}

.archive-detail-head h2 { margin-bottom: 12px; }
.archive-detail-head p { margin: 0; color: #789fb2; }
.archive-detail-head p span { font-size: 11px; }

.archive-export {
  flex: 0 0 auto;
  padding: 10px 16px;
  white-space: nowrap;
  color: #05243a;
  background: linear-gradient(135deg, var(--cyan), var(--mint));
  box-shadow: 0 8px 22px rgba(25, 211, 223, .16);
}

@media (max-width: 600px) {
  .archive-detail-head { display: block; padding-right: 36px; }
  .archive-export { margin-top: 14px; }
}