/* My publishes (/mine). Uses ui.css tokens. */
.mn { width: min(720px, 100%); margin: 0 auto; padding: 32px 16px 56px; display: grid; align-content: start; gap: 18px; }
.mn h1 { margin: 0; font: 700 28px/1.1 var(--display); letter-spacing: -.03em; }
.mn > p { margin: 0; }
.mn .card { display: grid; gap: 12px; }
.mn .card h3 { margin: 0; }
.mn .b { justify-self: start; }
.jobs { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.jobs li a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; padding: 12px 14px; border-radius: 12px; background: var(--s2); border: 1px solid var(--line); }
.jobs li a:hover { border-color: var(--line2); }
.jobs b { overflow-wrap: anywhere; }
.jobs small { color: var(--m); grid-column: 1; }
.chip-s { grid-row: 1 / span 2; grid-column: 2; padding: 4px 10px; border-radius: 999px; font-size: 13px; font-weight: 600; background: var(--s3); color: var(--t); white-space: nowrap; }
.chip-s.ok { background: var(--ok-bg); color: var(--ok); }
.chip-s.wait { background: var(--warn-bg); color: var(--warn); }
.chip-s.bad { background: var(--bad-bg); color: var(--bad); }