.directory-browse-hub a:focus-visible{outline:3px solid var(--secondary-solid);outline-offset:4px}.directory-browse-collections{gap:var(--space-600);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.directory-browse-collections a{justify-content:space-between;align-items:center;gap:var(--space-600);height:100%;padding:var(--space-800);border:1px solid var(--outline-default);border-radius:var(--radius-400);background:var(--bg-primary);display:flex}.directory-browse-collections a:hover{background:var(--secondary-subtle);border-color:var(--secondary-subtle-border)}.directory-browse-collections h2,.directory-browse-refine h2{margin-bottom:var(--space-300);font-size:var(--font-size-lg)}.directory-browse-collections p,.directory-browse-refine p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.directory-browse-collections p{margin-bottom:var(--space-500)}.directory-browse-collections span{color:var(--secondary-solid);font-size:var(--font-size-sm)}.directory-browse-collections svg,.directory-browse-recent svg{width:1.25rem;height:1.25rem;color:var(--secondary-solid);flex-shrink:0}.directory-browse-refine{justify-content:space-between;align-items:center;gap:var(--space-700);margin-top:var(--space-800);padding:var(--space-800);border-radius:var(--radius-400);background:var(--secondary-subtle);display:flex}.directory-browse-refine .directory-button{flex-shrink:0}.directory-browse-recent{gap:var(--space-300) var(--space-500);margin-top:var(--space-800);color:var(--text-secondary);flex-wrap:wrap;display:flex}.directory-browse-recent a{align-items:center;gap:var(--space-300);color:var(--text-link);text-decoration:underline;display:inline-flex}@media (max-width:640px){.directory-browse-collections{grid-template-columns:1fr}.directory-browse-collections a,.directory-browse-refine{padding:var(--space-600)}.directory-browse-refine{flex-direction:column;align-items:flex-start}}