/* A quiet title-and-date index, followed by the existing portrait collection. */
body[data-page=writing]{--camera-x:7px}
.writing-page .page-heading{display:block}
/* Align the first title's text top with About's larger introduction line. */
.writing-articles{margin-top:21px}
.writing-empty{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.writing-list{margin:0;padding:0;list-style:none}
.writing-entry{margin:0}
.writing-entry+.writing-entry{margin-top:0}
.writing-link{display:block;min-height:44px;padding:8px 0;color:#606b6c;line-height:1.4;transition:color .18s ease}
.writing-title{display:inline;margin:0;font:400 15px/1.4 var(--sans);overflow-wrap:anywhere}
.writing-date{display:inline-block;margin-left:15px;color:#939fa0;font:400 14px/1.4 var(--sans);white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .18s ease}
.writing-link:hover,.writing-link:focus-visible{color:#1f3032}
.writing-link:hover .writing-date,.writing-link:focus-visible .writing-date{color:#34494b}
.writing-page .writing-people{margin-top:96px}
.writing-page .writing-people .people-groups{margin-top:40px}
@media(max-width:700px){
  .writing-articles{margin-top:17.5px}
  .writing-page .writing-people{margin-top:68px}
  .writing-page .writing-people .people-groups{margin-top:32px}
  .writing-title{font-size:16px;line-height:1.4}
  .writing-date{display:block;margin:2px 0 0;font-size:12px}
  .writing-link{padding-block:8px}
  .writing-entry+.writing-entry{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.writing-link,.writing-date{transition:none}}