.jf-project-details { color: var(--jf-detail-ink, #f1eee8); font: 400 15px/1.5 var(--body, 'DM Sans', sans-serif); text-align: left; min-width: 0; }
.jf-project-details dl { margin: 0; display: grid; gap: 15px; }
.jf-project-details dl > div { min-width: 0; }
.jf-project-details dt { font: 500 10px/1.5 var(--mono, 'JetBrains Mono', monospace); text-transform: uppercase; letter-spacing: .12em; color: inherit; opacity: .65; margin: 0 0 4px; }
.jf-project-details dd { margin: 0; color: inherit; font: inherit; overflow-wrap: anywhere; }
.jf-project-details .jf-detail-pending { opacity: .7; }
.jf-project-details .jf-detail-note { font: 400 12px/1.5 var(--body, 'DM Sans', sans-serif); opacity: .68; max-width: 44ch; margin: 20px 0 0; }
.jf-project-details a { color: inherit; text-decoration: underline; text-underline-offset: 4px; display: inline-flex; min-height: 44px; align-items: center; }
.jf-project-details a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 600px) { .jf-project-details dl { grid-template-columns: 1fr 1fr; gap: 12px 18px; } .jf-project-details dl > div:nth-child(3) { grid-column: 1 / -1; } }