/* ---------- articles ---------- */
.article{
  display:grid;grid-template-columns:60px 1fr auto;gap:24px;align-items:baseline;
  padding:30px 0;border-top:1px solid var(--line);
  text-decoration:none;transition:all .2s;
}
.article:last-of-type{border-bottom:1px solid var(--line)}
.article:hover h3{color:var(--accent)}
.article:hover .art-arrow{transform:translate(4px,-4px);color:var(--accent)}
@media(max-width:720px){.article{grid-template-columns:1fr;gap:6px}.art-arrow{display:none}}
.art-num{font-family:var(--mono);font-size:.8rem;color:var(--ink-3)}
.article h3{font-size:1.15rem;letter-spacing:-.01em;transition:color .2s}
.article p{font-size:.88rem;color:var(--ink-2);margin-top:6px;max-width:620px}
.article .src{
  font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin-top:10px;display:block;
}
.art-arrow{font-size:1.2rem;color:var(--ink-3);transition:all .2s}
.art-soon{
  padding:30px 0;font-family:var(--mono);font-size:.8rem;color:var(--ink-3);
  border-bottom:1px solid var(--line);
}
.art-soon span{color:var(--accent)}