.srp-project-filters { position: sticky; top: 0; z-index: 20; padding: .75rem 0; border-bottom: 1px solid rgba(23,21,30,.08); color: #17151e; background: rgba(246,243,239,.92); backdrop-filter: blur(18px); }
.srp-project-nav { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .55rem; }
.srp-project-nav a { display: grid; min-height: 4rem; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .65rem; padding: .7rem .85rem; border: 1px solid rgba(23,21,30,.1); border-radius: 1rem; background: rgba(255,255,255,.6); transition: background .25s ease,transform .25s ease,border-color .25s ease; }
.srp-project-nav a:hover { border-color: rgba(91,61,245,.28); background: #fff; transform: translateY(-2px); }
.srp-project-nav span { color: #6f5bd0; font-size: .62rem; font-weight: 900; }
.srp-project-nav strong { font-size: .72rem; line-height: 1.15; }
@media (max-width:60rem) { .srp-project-nav { display: flex; overflow-x: auto; scrollbar-width:none; } .srp-project-nav::-webkit-scrollbar { display:none; } .srp-project-nav a { flex:0 0 13rem; } }