/* ============================================================
   This Week / Archive Screen
   ============================================================ */

.screen-archive {
  padding: var(--space-6) var(--space-4);
}

.screen-archive__header {
  margin-bottom: var(--space-6);
}

.screen-archive__title {
  font-size: var(--text-2xl);
  font-weight: var(--weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--space-1);
}

.screen-archive__subtitle {
  font-size: var(--text-sm);
  color: var(--text-muted);
}

/* Weekly stats row */
.week-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

.week-stat {
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  text-align: center;
}

.week-stat__value {
  font-size: var(--text-2xl);
  font-weight: var(--weight-bold);
  color: var(--brand-gold);
  font-variant-numeric: tabular-nums;
}

.week-stat__label {
  font-size: 10px;
  color: var(--text-muted);
  margin-top: var(--space-1);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Section label */
.week-section-label {
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--space-3);
}

/* Recent verse list */
.week-verse-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

.week-verse-item {
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}

.week-verse-item__date {
  font-size: 10px;
  font-weight: var(--weight-semibold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: var(--space-2);
}

.week-verse-item__text {
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
  color: var(--text-primary);
  margin-bottom: var(--space-2);
}

.week-verse-item__ref {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: var(--text-xs);
  color: var(--brand-gold);
}

/* Upgrade CTA */
.week-upgrade {
  text-align: center;
  padding: var(--space-5);
  background-color: var(--surface-secondary);
  border-radius: var(--radius-xl);
}

.week-upgrade__text {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin-bottom: var(--space-4);
  line-height: var(--leading-normal);
}

/* Premium archive verse card (swipe stack) */
.archive-verse {
  background-color: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-md);
}

.archive-verse__date {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--space-4);
}

.archive-verse__genz {
  font-size: var(--text-lg);
  font-weight: var(--weight-medium);
  line-height: var(--leading-relaxed);
  color: var(--text-primary);
  margin-bottom: var(--space-3);
}

.archive-verse__ref {
  display: block;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: var(--text-sm);
  color: var(--brand-gold);
  margin-bottom: var(--space-4);
}

.archive-verse__original {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
  color: var(--text-secondary);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-subtle);
}