/* ---- Archive ---- */
.archive { padding-top: 24px; max-width: 680px; margin: 0 auto; }
.archive__title { font-size: 1.5rem; margin: 0 0 4px; }
.archive__intro { color: var(--muted); font-style: italic; margin: 0 0 20px; font-size: 0.92rem; }
.archive__list { list-style: none; margin: 0; padding: 0; }
.archive__item { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--rule-soft); }
.archive__item a { text-decoration: none; font-size: 1rem; }
.archive__item a:hover { text-decoration: underline; }
.archive__item-date { font-family: var(--sans); font-size: 0.76rem; color: var(--muted); white-space: nowrap; }

/* ---- Footer ---- */
.site-footer { max-width: 1160px; margin: 0 auto; padding: 16px 20px 40px; border-top: 1px solid var(--rule-strong); font-family: var(--sans); font-size: 0.76rem; color: var(--muted); text-align: center; }

@media (max-width: 780px) { .masthead__nav { gap: 18px; } }
@media (prefers-reduced-motion: no-preference) { a { transition: text-decoration-color 0.15s ease; } }
/* END archive.css */