/* What we built: a jump list of the groups, and each page's entry (its name, a line, its two screenshots). */
.jump { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-3) 0 var(--space-2); }
.jump a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 var(--space-3); border: 1px solid var(--line); border-radius: 999px; background: var(--surface); font-weight: 500; }
.jump a:hover { border-color: var(--accent); text-decoration: none; }
.screen-entry { padding-top: var(--space-2); border-top: 1px solid var(--line); margin-top: var(--space-5); }
.screen-entry h3 { font-size: var(--text-lg); margin: var(--space-3) 0 var(--space-1); }
@media (max-width: 640px) { .jump a { min-height: 44px; } }