.rd-app-directory { margin-top:48px; scroll-margin-top:100px; }
.rd-app-directory + .rd-app-directory { margin-top:36px; }
/* On /connect/ each group title links to that group's own page. */
.rd-app-landing .rd-app-directory h2 a { color:inherit; text-decoration-color:var(--rd-accent); text-decoration-thickness:1.5px; }
.rd-app-directory__links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0; margin:0; list-style:none; border-top:1px solid var(--rd-line); }
.rd-app-directory__links li { margin:0; border-bottom:1px solid var(--rd-line); min-width:0; }
.rd-app-directory__links a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:64px; height:100%; padding:18px 16px; color:var(--rd-ink); text-decoration:none; font-size:15px; }
.rd-app-directory__links a::after { content:'↗'; color:var(--rd-accent); flex:none; }
.rd-app-directory__links a:hover { background:color-mix(in srgb,var(--rd-accent) 7%,transparent); color:var(--rd-accent); }
@media(max-width:1000px) { .rd-app-directory__links { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) { .rd-app-directory { margin-top:36px; } .rd-app-directory__links { grid-template-columns:repeat(2,minmax(0,1fr)); } .rd-app-directory__links a { padding:16px 10px; font-size:14px; } }

.rd-app-directory__app { display:flex; align-items:center; gap:12px; min-width:0; }