/* 06-components/_issue-row.css — .c-issue-row: a deviation (avvikelse) in a list. */
.c-issue-row { display: grid; grid-template-columns: auto 1fr; gap: var(--space-xs) var(--space-md); padding: var(--space-md); background: var(--surface); border: var(--stroke) solid var(--rule); border-radius: var(--radius-md); }
.c-issue-row__pill { align-self: start; }
.c-issue-row__title { font-weight: var(--weight-semibold); }
.c-issue-row__text { color: var(--ink-muted); margin-top: 2px; }
.c-issue-row__meta { margin-top: var(--space-xs); font-family: var(--font-mono); font-size: var(--text-xs); color: var(--ink-faint); }
.c-issue-row__actions { grid-column: 1 / -1; display: flex; gap: var(--space-xs); justify-content: flex-end; }
@media (max-width: 40rem) { .c-issue-row { grid-template-columns: 1fr; } }
/* added for pages/home.html — an issue row that is itself a link */
a.c-issue-row { text-decoration: none; color: inherit; }
a.c-issue-row:hover { border-color: var(--rule-strong); }