/* Projecten */
.pj-card { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.pj-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pj-head h3 { margin: 0; font-size: 17px; }
.pj-head small { color: var(--muted); }
.pj-desc { margin: 0; white-space: pre-wrap; color: var(--muted); font-size: 13.5px; max-height: 4.6em; overflow: hidden; }
.pj-dns, .pj-busy { border: 1px solid #f0d9a8; background: #fff7e6; color: #6b4300; border-radius: 9px; padding: 10px 12px; margin: 0; }
.pj-dns p { margin: 4px 0 0; }
[data-theme=dark] .pj-dns, [data-theme=dark] .pj-busy { background: #3a2a12; border-color: #6b4f1e; color: #ffdf9e; }
.pj-warn, .pj-bad { color: var(--bad); }
.pj-warn { margin: 0; }
.pj-login { margin: 0; }
.pj-brief { width: 100%; font: 12.5px/1.5 ui-monospace, Menlo, Consolas, monospace; border: 1px solid var(--field-line); border-radius: 8px; padding: 10px; background: var(--field); color: var(--text); resize: vertical; }
.pj-card .tr a { color: inherit; }