.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
a.sub{display:block;text-decoration:none;border:1px solid var(--line);border-radius:12px;
  background:var(--surface);padding:19px 20px 16px;box-shadow:var(--shadow);
  transition:border-color .15s,transform .15s}
a.sub:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-1px)}
a.sub h3{font-family:var(--serif);font-size:19px;font-weight:600;margin:0;line-height:1.25;
  letter-spacing:-.008em;color:var(--ink)}
a.sub:hover h3{color:var(--accent-ink)}
a.sub .blurb{margin:8px 0 13px;font-size:13.5px;color:var(--muted);line-height:1.45}
ul.peek{list-style:none;margin:0 0 13px;padding:0;border-top:1px solid var(--line-2);
  padding-top:11px}
ul.peek li{font-size:13px;color:var(--ink-2);line-height:1.4;padding:0 0 7px 15px;position:relative}
ul.peek li.more{color:var(--muted);font-size:12px;padding-left:15px}
.dot{position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;
  background:var(--accent)}
.dot.d{background:var(--second)}
ul.peek .n{font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:4px}
a.sub .counts{margin:0;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;
  border-top:1px solid var(--line-2);padding-top:11px}