.lang-badge{border:1px solid var(--border);color:var(--faint);font:500 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;margin-left:10px;padding:1px 5px;text-decoration:none;display:inline-block}.note-list{border-top:1px solid var(--border);padding:0;list-style:none}.note-row{border-bottom:1px solid var(--border);grid-template-columns:112px 72px 1fr auto;align-items:baseline;gap:16px;padding:24px 0;transition:background-color .2s;display:grid}.note-row:hover{background:var(--surface)}.note-row__date,.note-row__type,.note-row__meta{color:var(--faint);font:.72rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.note-row__date{white-space:nowrap}.note-row__type{color:var(--muted)}.note-row__body{flex-direction:column;gap:6px;display:flex}.note-row__title{font:600 1.15rem / 1.3 var(--display);letter-spacing:-.01em}.note-row__summary{max-width:44rem;color:var(--muted);font-size:.92rem}.note-row__meta{white-space:nowrap;padding-right:8px}.note-row:hover .note-row__meta{color:var(--text)}@media (width<=720px){.note-row{grid-template-columns:auto 1fr;gap:8px 16px}.note-row__body{grid-column:1/-1}.note-row__meta{display:none}}