/* 足迹 · page layer on /sections/shell.css. Her words sit under the row they belong to, each linked to where it ran; a row's own sources sit under its title.
   In 他人眼中 the name opens the talk and the role sits under it. */
.words{grid-column:2/-1;display:grid;gap:16px;margin:12px 0 6px;padding:0 0 0 16px;border-left:2px solid var(--line);list-style:none}
.words p{margin:0;line-height:1.75;text-wrap:pretty}
.words .zh{color:var(--ink-2);font-size:15px}
.cite{display:inline-flex;align-items:center;gap:4px;margin-top:6px;color:var(--gray);font-size:12px;font-variant-numeric:tabular-nums;transition:color .15s}
.cite:hover{color:var(--accent)}
.from{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 0;font-size:12px;line-height:1.6}
.from a{display:inline-flex;align-items:center;gap:4px;color:var(--gray);transition:color .15s}
.from a:hover{color:var(--accent)}
.role{display:block;margin-top:2px;color:var(--gray);font-size:13px;line-height:1.5}

@media (max-width:760px){
 .words{margin-top:10px;padding-left:12px}
}