/* ============================================ */
/* Archive Details Page Styles (Mobile-First) */
/* Page-specific styles only - shared styles in shared/archives.css */
/* ============================================ */

/* Navigation */
.archive-details-nav {
  margin-bottom: 2rem;
}

/* HTML Content Sections */
.archive-html-section {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #D9D9D9;
}

.archive-html-section-title {
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  color: #1E1E1E;
  margin: 0 0 1rem 0;
}

.archive-html-content {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #1E1E1E;
}

/* Style HTML content from API */
.archive-html-content p {
  margin: 0 0 1em 0;
}

.archive-html-content p:last-child {
  margin-bottom: 0;
}

.archive-html-content br + br {
  display: none;
}

.archive-html-content em,
.archive-html-content i {
  font-style: italic;
}

.archive-html-content strong,
.archive-html-content b {
  font-weight: 600;
}

.archive-html-content ul,
.archive-html-content ol {
  margin: 0 0 1em 0;
  padding-left: 1.5em;
}

.archive-html-content li {
  margin-bottom: 0.25em;
}

/* ============================================ */
/* Desktop (992px and up) */
/* ============================================ */
@media (min-width: 992px) {
  /* Side-by-side: details left, info right */
  .archive-details-container .archive-card-content {
    grid-template-columns: auto auto;
    gap: 3rem;
    align-items: start;
  }

  .archive-html-section {
    margin-top: 2rem;
    padding-top: 2rem;
  }
}