/* Hallmark · genre: editorial · macrostructure: Index-First · theme: Almanac · enrichment: none (typography only)
 * nav: N6 Newspaper masthead (issue line above wordmark · size 2xl · double rule) · footer: Ft2 Inline single line (middot · spaced)
 * pre-emit critique: P4 H4 E4 S4 R5 V4
 */

/* —— N6 报头 —— */
.mast {
  display: grid;
  gap: var(--space-2xs);
  padding: var(--space-xl) var(--space-lg) 0;
  text-align: center;
}
.mast-line {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  color: var(--color-neutral);
  margin: 0;
}
.mast-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(2.1rem, 5vw, 3.4rem);
  letter-spacing: 0.06em;
  line-height: 1.05;
  margin: 0;
  overflow-wrap: anywhere;
  min-width: 0;
}
.mast-tag {
  font-size: var(--text-sm);
  color: var(--color-muted);
  margin: var(--space-2xs) 0 0;
}
.mast-rule {
  border: 0;
  border-top: var(--rule-hair) solid var(--color-ink);
  border-bottom: var(--rule-hair) solid var(--color-ink);
  height: 4px;
  margin: var(--space-md) 0 0;
  background: none;
}

/* —— 索引主体:左偏置窄列 —— */
.index-wrap {
  max-width: 46rem;
  margin-inline: auto;
  padding: var(--space-xl) var(--space-lg) var(--space-2xl);
}
.index-intro {
  color: var(--color-muted);
  max-width: 34em;
  margin: 0 0 var(--space-2xl);
}

.entry-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: var(--rule-hair) solid var(--color-rule);
}
.entry {
  border-bottom: var(--rule-hair) solid var(--color-rule);
}
.entry a {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: var(--space-lg);
  padding: var(--space-lg) var(--space-xs);
  text-decoration: none;
  color: inherit;
  transition: background-color var(--dur-short) var(--ease-out);
}
.entry a:hover,
.entry a:focus-visible { background: var(--color-paper-2); }
.entry-date {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-neutral);
  padding-top: 0.45em;
  font-variant-numeric: tabular-nums;
}
.entry-title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-lg);
  line-height: 1.3;
  margin: 0;
}
.entry a:hover .entry-title { color: var(--color-accent); }
.entry-orig {
  display: block;
  font-size: var(--text-sm);
  color: var(--color-muted);
  margin-top: var(--space-2xs);
}
.entry-meta {
  display: block;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-neutral);
  margin-top: var(--space-sm);
  letter-spacing: 0.03em;
}
.index-note {
  margin: var(--space-xl) 0 0;
  font-size: var(--text-sm);
  color: var(--color-neutral);
}

/* —— Ft2 行内页脚 —— */
.foot {
  border-top: var(--rule-hair) solid var(--color-rule);
  padding: var(--space-lg);
  text-align: center;
  font-size: var(--text-xs);
  color: var(--color-neutral);
}
.foot a { color: inherit; }

@media (max-width: 40rem) {
  .entry a { grid-template-columns: minmax(0, 1fr); gap: var(--space-xs); }
  .entry-date { padding-top: 0; }
  .index-wrap { padding-inline: var(--space-md); }
}