.software-list-item { padding-block: 1rem; border-bottom: var(--rule); } .software-list-item h3 { margin-bottom: 0.25rem; font-family: var(--font-mono); } .software-list-full .software-list-item { display: grid; grid-template-columns: minmax(10rem, 0.6fr) minmax(0, 1.4fr); gap: 2rem; } .source-note { margin-top: 1.5rem; color: var(--color-muted); font-size: 0.9rem; } .software-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 2.5rem; border-block: var(--rule); } .software-meta div { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: 1rem; padding-block: 0.75rem; } .software-meta div:nth-child(n + 3) { border-top: var(--rule); } .software-meta div:last-child:nth-child(odd) { grid-column: 1 / -1; } .software-meta dt { color: var(--color-muted); font-size: 0.85rem; } .software-meta dd { font-family: var(--font-mono); font-size: 0.82rem; } @media (max-width: 42rem) { .software-list-full .software-list-item, .software-meta { grid-template-columns: 1fr; } .software-list-full .software-list-item { gap: 0.3rem; } .software-meta div:nth-child(n + 2) { border-top: var(--rule); } .software-meta div:last-child:nth-child(odd) { grid-column: auto; } }