/* ===========================================================================
   News strip — deploy 012.
   .shead--row and .shead__link are already shared, from 004.
   =========================================================================== */

.posts{border-top:1px solid var(--ink-700)}
.post{display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--s-5);
  align-items:baseline; padding:var(--s-5) 0; border-bottom:1px solid var(--ink-700);
  color:var(--text-primary)}
@media(min-width:768px){.post{grid-template-columns:110px minmax(0,1fr) auto; gap:var(--s-7)}}
/* Owns its colour on hover, or Bootstrap's a:hover takes it.
   See deploy/_tools/check-link-hover.py. */
.post:hover{text-decoration:none; color:var(--text-primary)}
.post:hover .post__t{color:var(--spark-cyan)}
.post__d{font-family:var(--font-display); font-weight:700; text-transform:uppercase;
  color:var(--text-tertiary); font-size:1rem; letter-spacing:.04em; white-space:nowrap}
.post__t{font-size:1.125rem; font-weight:700; line-height:1.35}
.post__go{display:none; color:var(--text-tertiary); font-size:.8125rem; white-space:nowrap}
@media(min-width:768px){.post__go{display:block}}