/* archive.css — 전체 색인
 * 홈이 «쌓이는 곳» 이면 여기는 «찾는 곳» 이다. 본문을 싣지 않고 한 줄로 줄인다.
 * 근거: 실측 5곳이 과거를 «날짜 경로» 로 가른다(jvns 608·simonwillison 107·tantek 104·daringfireball 81).
 * ⛔무한 스크롤을 쓰는 곳은 없다. */
.arc { background: var(--surface-card); padding-bottom: var(--s7); }
.arc__day { padding-top: var(--s5); }
.arc__day h2 {
  position: sticky; top: 41px; z-index: 4;
  display: flex; align-items: baseline; gap: var(--s3);
  margin: 0 0 var(--s3); padding: var(--s2) 0;
  background: var(--surface-card); border-bottom: 2px solid var(--text-body);
  font-family: var(--font-util); font-size: 13px; font-weight: 500;
}
.arc__day h2 span { font-size: var(--fs-meta); color: var(--text-quiet); font-weight: 400; }
.arc ul { list-style: none; margin: 0; padding: 0; }
.arc li { border-bottom: 1px solid var(--border-hair); }
.arc li:last-child { border-bottom: 0; }
.arc li a {
  display: flex; gap: var(--s3); align-items: baseline;
  padding: var(--s2) 0 var(--s2) var(--s4); color: var(--text-body); text-decoration: none;
  border-left: var(--rail-w) solid var(--k-talk); word-break: keep-all;
}
.arc li[data-kind="news"]   a { border-left-color: var(--k-news); }
.arc li[data-kind="craft"]   a { border-left-color: var(--k-craft); }
.arc li[data-kind="build"] a { border-left-color: var(--k-build); }
.arc li[data-kind="talk"]   a { border-left-color: var(--k-talk); }
.arc li a:hover, .arc li a:focus-visible { background: var(--surface-page); }
.arc li em {
  flex: none; width: 68px; font-family: var(--font-util); font-size: var(--fs-meta);
  font-style: normal; color: var(--text-quiet);
}
.masthead h1 a { color: inherit; text-decoration: none; }
@media (max-width: 780px) {
  .arc__day h2 { top: 37px; }
  .arc li a { flex-direction: column; gap: 2px; }
  .arc li em { width: auto; }
}