.su-body{gap:56px;padding-block:8px 24px;display:grid}.su-section{gap:14px;display:grid}.su-section h2{color:var(--page-accent)}.su-list{border-top:1px solid hsl(var(--foreground) / .12);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin:0;padding:0;list-style:none;display:grid}.su-list li{border-bottom:1px solid hsl(var(--foreground) / .12)}.su-item{align-items:baseline;gap:12px;min-height:64px;padding:20px 16px 18px 0;display:flex}a.su-item:hover .su-name{color:var(--page-accent)}a.su-item:focus-visible{outline:2px solid var(--page-accent);outline-offset:2px;border-radius:6px}.su-name{letter-spacing:-.01em;font-size:19px;font-weight:500;transition:color .16s}.su-perk-chip{font:10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--background));background:var(--page-accent);border-radius:999px;padding:4px 7px 3px}.su-arrow{color:hsl(var(--foreground) / .35);margin-left:auto;transition:transform .16s,color .16s}a.su-item:hover .su-arrow{color:var(--page-accent);transform:translate(2px,-2px)}.su-empty{color:hsl(var(--foreground) / .6);padding:32px 0}.su-perk-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.su-perk-list li{gap:2px;line-height:1.5;display:grid}.su-perk-list span{color:hsl(var(--foreground) / .64)}