/* Archive hub (/archive). Builds on css/styles.css (loaded first) — this file only
   adds the hub-specific bits: the intro copy and the retired-pool cards. */

.archive-main { max-width: 720px; }

.arc-title { text-transform: none; letter-spacing: -0.01em; }

.arc-intro { margin: 0; color: var(--ink-soft); font-size: .92rem; line-height: 1.5; }

/* Card list — one link per retired pool */
.arc-list { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 12px; }

.arc-card {
  display: flex; align-items: center; gap: 14px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
  border-left: 5px solid var(--line);
  padding: 16px 18px; min-height: 44px;
  color: var(--ink); text-decoration: none;
  box-shadow: var(--shadow-sm);
  transition: transform .06s ease, background .15s ease, box-shadow .15s ease;
}
.arc-card:hover { box-shadow: var(--shadow); transform: translateY(-1px); }
.arc-card:active { transform: scale(.99); }
.arc-card:focus-visible { outline: 2px solid var(--mets-blue); outline-offset: 2px; }

/* Accent stripe per sport */
.arc-card-golf { border-left-color: #1a4d2e; }
.arc-card-wc   { border-left-color: #1b6e3c; }

.arc-card-emoji { font-size: 1.9rem; line-height: 1; flex: 0 0 auto; }

.arc-card-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.arc-card-title { font-weight: 800; font-size: 1.02rem; letter-spacing: .01em; line-height: 1.25; }
.arc-card-result { display: inline-flex; align-items: baseline; gap: 6px; font-size: .86rem; color: var(--ink-soft); font-weight: 600; }
.arc-medal { font-size: .95rem; }

.arc-card-go { margin-left: auto; font-weight: 800; font-size: 1.3rem; color: var(--ink-soft); flex: 0 0 auto; }

.arc-foot { margin: 8px 0 0; text-align: center; font-size: .9rem; }
.arc-foot a { color: var(--mets-blue); text-decoration: none; font-weight: 700; }
.arc-foot a:hover { text-decoration: underline; }