.srv{border:1px solid var(--line);border-radius:12px;background:var(--surface);
  box-shadow:var(--shadow);margin:0 0 14px;overflow:hidden}
.srv-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:17px 20px 13px}
.srv-pub{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--accent-ink)}
.srv h3{font-family:var(--serif);font-size:19px;font-weight:600;margin:0;line-height:1.25;
  flex:1 1 auto;min-width:0}
.srv .why{margin:0;padding:0 20px 15px;font-size:13.5px;color:var(--muted);max-width:70ch}
.srv-editions{border-top:1px solid var(--line-2);background:var(--surface-2);
  padding:12px 20px 13px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ed{font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:3px 9px;border-radius:4px;
  border:1px solid var(--line);background:var(--surface);color:var(--ink-2);text-decoration:none}
.ed:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-ink)}
.ed.none{border-style:dashed;color:var(--muted);background:transparent}
.srv-editions .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);margin-right:2px}
.pill.held{border-color:color-mix(in srgb,var(--good) 40%,transparent);color:var(--good);
  background:color-mix(in srgb,var(--good) 8%,transparent)}
.pill.aging{border-color:color-mix(in srgb,var(--warn) 45%,transparent);color:var(--warn);
  background:color-mix(in srgb,var(--warn) 9%,transparent)}